@envive-ai/react-widgets 0.1.2-arthur-3 → 0.1.2

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 (36) hide show
  1. package/dist/SearchResults/index.cjs +1 -1
  2. package/dist/SearchZeroState/{index-19CiYvee.d.cts → index-DSFtalZR.d.ts} +1 -1
  3. package/dist/SearchZeroState/{index-6EaGWYP4.d.ts → index-bEcxYOSF.d.cts} +1 -1
  4. package/dist/SearchZeroState/index.cjs +131 -57
  5. package/dist/SearchZeroState/index.js +130 -56
  6. package/dist/SuggestionBar/index.cjs +2 -2
  7. package/dist/SuggestionBar/index.js +2 -2
  8. package/dist/{SuggestionBar-DeMmAK4M.js → SuggestionBar-BHAXhgcd.js} +3 -10
  9. package/dist/{SuggestionBar-BOThXJvJ.cjs → SuggestionBar-CK5aU2bb.cjs} +4 -11
  10. package/dist/SuggestionButtonContainer/index.cjs +1 -1
  11. package/dist/SuggestionButtonContainer/index.js +1 -1
  12. package/dist/{SuggestionButtonContainer-BeWPpeQk.cjs → SuggestionButtonContainer-Dm38gJiJ.cjs} +3 -3
  13. package/dist/{SuggestionButtonContainer-CZhOkZaJ.js → SuggestionButtonContainer-s2e9YGW_.js} +2 -2
  14. package/dist/{chunk-DWy1uDak.cjs → chunk-DSlc6foC.cjs} +10 -6
  15. package/package.json +16 -8
  16. package/src/SearchResults/SearchResults.tsx +2 -4
  17. package/src/SearchResults/SearchResultsWidget.tsx +1 -1
  18. package/src/SearchResults/types.ts +0 -3
  19. package/src/SearchZeroState/SearchIcon.tsx +16 -9
  20. package/src/SearchZeroState/SearchOverlay.tsx +3 -2
  21. package/src/SearchZeroState/SearchZeroState.tsx +14 -17
  22. package/src/SearchZeroState/SearchZeroStateWidget.tsx +17 -8
  23. package/src/SearchZeroState/components/RecommendedProducts.tsx +8 -3
  24. package/src/SearchZeroState/overlay/overlayHostLocator.ts +2 -4
  25. package/src/SearchZeroState/types.ts +4 -1
  26. package/src/SearchZeroState/zeroStateSearchVariants.ts +14 -5
  27. package/src/SuggestionBar/SuggestionBar.tsx +10 -18
  28. package/src/SuggestionBar/types.ts +3 -3
  29. package/src/SuggestionButtonContainer/SuggestionButtonContainer.tsx +8 -17
  30. package/src/SuggestionButtonContainer/types.ts +3 -4
  31. package/src/stories/SearchResults.stories.tsx +1 -1
  32. package/src/stories/SearchZeroState.stories.tsx +10 -2
  33. package/src/stories/SuggestionBar.stories.tsx +1 -2
  34. package/src/util/useHorizontalScrollAnimation.ts +1 -1
  35. /package/dist/SearchResults/{index-D52sX_I2.d.cts → index-CYPV3XE0.d.ts} +0 -0
  36. /package/dist/SearchResults/{index-D8nrHueo.d.ts → index-DCTxvwmv.d.cts} +0 -0
package/dist/SearchZeroState/index.js CHANGED
@@ -1,5 +1,5 @@
1
- import { t as SuggestionBar } from "../SuggestionBar-DeMmAK4M.js";
2
- import "../SuggestionButtonContainer-CZhOkZaJ.js";
1
+ import { t as SuggestionBar } from "../SuggestionBar-BHAXhgcd.js";
2
+ import "../SuggestionButtonContainer-s2e9YGW_.js";
3
3
  import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
4
4
  import { useNewOrgConfig } from "@envive-ai/react-hooks/hooks/NewOrgConfig";
5
5
  import classNames from "classnames";
@@ -17,7 +17,7 @@ import { createPortal } from "react-dom";
17
17
  import { ColorNames, colorVar } from "@envive-ai/react-hooks/contexts/types";
18
18
  import { ProductGrid } from "@envive-ai/react-toolkit/ProductGrid";
19
19
 
20
- //#region node_modules/@envive-ai/react-icons/dist/jsx-runtime-WKqb-nOR.js
20
+ //#region ../icons/dist/jsx-runtime-X3VJvQR_.js
21
21
  var __create = Object.create;
22
22
  var __defProp = Object.defineProperty;
23
23
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -41,6 +41,15 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
41
41
  value: mod,
42
42
  enumerable: true
43
43
  }) : target, mod));
44
+ /**
45
+ * @license React
46
+ * react.production.min.js
47
+ *
48
+ * Copyright (c) Facebook, Inc. and its affiliates.
49
+ *
50
+ * This source code is licensed under the MIT license found in the
51
+ * LICENSE file in the root directory of this source tree.
52
+ */
44
53
  var require_react_production_min = /* @__PURE__ */ __commonJS({ "../../node_modules/react/cjs/react.production.min.js": ((exports) => {
45
54
  var l$1 = Symbol.for("react.element"), n$1 = Symbol.for("react.portal"), p$1 = Symbol.for("react.fragment"), q$1 = Symbol.for("react.strict_mode"), r = Symbol.for("react.profiler"), t = Symbol.for("react.provider"), u = Symbol.for("react.context"), v = Symbol.for("react.forward_ref"), w = Symbol.for("react.suspense"), x = Symbol.for("react.memo"), y = Symbol.for("react.lazy"), z = Symbol.iterator;
46
55
  function A(a) {
@@ -354,8 +363,18 @@ var require_react_production_min = /* @__PURE__ */ __commonJS({ "../../node_modu
354
363
  };
355
364
  exports.version = "18.3.1";
356
365
  }) });
366
+ /**
367
+ * @license React
368
+ * react.development.js
369
+ *
370
+ * Copyright (c) Facebook, Inc. and its affiliates.
371
+ *
372
+ * This source code is licensed under the MIT license found in the
373
+ * LICENSE file in the root directory of this source tree.
374
+ */
357
375
  var require_react_development = /* @__PURE__ */ __commonJS({ "../../node_modules/react/cjs/react.development.js": ((exports, module) => {
358
376
  if (process.env.NODE_ENV !== "production") (function() {
377
+ "use strict";
359
378
  if (typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ !== "undefined" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart === "function") __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(/* @__PURE__ */ new Error());
360
379
  var ReactVersion = "18.3.1";
361
380
  var REACT_ELEMENT_TYPE = Symbol.for("react.element");
@@ -1869,8 +1888,17 @@ var require_react = /* @__PURE__ */ __commonJS({ "../../node_modules/react/index
1869
1888
  if (process.env.NODE_ENV === "production") module.exports = require_react_production_min();
1870
1889
  else module.exports = require_react_development();
1871
1890
  }) });
1891
+ /**
1892
+ * @license React
1893
+ * react-jsx-runtime.production.min.js
1894
+ *
1895
+ * Copyright (c) Facebook, Inc. and its affiliates.
1896
+ *
1897
+ * This source code is licensed under the MIT license found in the
1898
+ * LICENSE file in the root directory of this source tree.
1899
+ */
1872
1900
  var require_react_jsx_runtime_production_min = /* @__PURE__ */ __commonJS({ "../../node_modules/react/cjs/react-jsx-runtime.production.min.js": ((exports) => {
1873
- var f = require_react(), k = Symbol.for("react.element"), l = Symbol.for("react.fragment"), m = Object.prototype.hasOwnProperty, n = f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, p = {
1901
+ var f = require_react(), k = Symbol.for("react.element"), m = Object.prototype.hasOwnProperty, n = f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, p = {
1874
1902
  key: !0,
1875
1903
  ref: !0,
1876
1904
  __self: !0,
@@ -1892,12 +1920,21 @@ var require_react_jsx_runtime_production_min = /* @__PURE__ */ __commonJS({ "../
1892
1920
  _owner: n.current
1893
1921
  };
1894
1922
  }
1895
- exports.Fragment = l;
1896
1923
  exports.jsx = q;
1897
1924
  exports.jsxs = q;
1898
1925
  }) });
1926
+ /**
1927
+ * @license React
1928
+ * react-jsx-runtime.development.js
1929
+ *
1930
+ * Copyright (c) Facebook, Inc. and its affiliates.
1931
+ *
1932
+ * This source code is licensed under the MIT license found in the
1933
+ * LICENSE file in the root directory of this source tree.
1934
+ */
1899
1935
  var require_react_jsx_runtime_development = /* @__PURE__ */ __commonJS({ "../../node_modules/react/cjs/react-jsx-runtime.development.js": ((exports) => {
1900
1936
  if (process.env.NODE_ENV !== "production") (function() {
1937
+ "use strict";
1901
1938
  var React$1 = require_react();
1902
1939
  var REACT_ELEMENT_TYPE = Symbol.for("react.element");
1903
1940
  var REACT_PORTAL_TYPE = Symbol.for("react.portal");
@@ -2580,39 +2617,58 @@ var require_jsx_runtime = /* @__PURE__ */ __commonJS({ "../../node_modules/react
2580
2617
  }) });
2581
2618
 
2582
2619
  //#endregion
2583
- //#region node_modules/@envive-ai/react-icons/dist/Sparkles.js
2584
- require_react();
2620
+ //#region ../icons/dist/Sparkles.js
2585
2621
  var import_jsx_runtime$3 = /* @__PURE__ */ __toESM(require_jsx_runtime());
2586
- const SvgSparkles = (props) => /* @__PURE__ */ (0, import_jsx_runtime$3.jsx)("svg", {
2587
- xmlns: "http://www.w3.org/2000/svg",
2622
+ const SvgSparkles = (props) => /* @__PURE__ */ (0, import_jsx_runtime$3.jsxs)("svg", {
2588
2623
  width: 24,
2589
2624
  height: 24,
2625
+ viewBox: "0 0 24 24",
2590
2626
  fill: "currentColor",
2627
+ xmlns: "http://www.w3.org/2000/svg",
2591
2628
  ...props,
2592
- children: /* @__PURE__ */ (0, import_jsx_runtime$3.jsx)("path", {
2593
- stroke: "currentColor",
2594
- strokeLinecap: "round",
2595
- strokeLinejoin: "round",
2596
- strokeWidth: 1.114,
2597
- d: "m8.187 5.996 1.288 3.35c.21.545.314.817.477 1.046q.219.306.525.525c.23.163.502.268 1.046.477l3.35 1.289-3.35 1.288c-.544.21-.817.314-1.046.477q-.306.219-.525.525c-.163.23-.267.502-.477 1.046l-1.288 3.35-1.289-3.35c-.21-.544-.314-.817-.477-1.046a2.2 2.2 0 0 0-.525-.525c-.229-.163-.501-.267-1.046-.477L1.5 12.683l3.35-1.289c.545-.21.817-.314 1.046-.477.203-.144.38-.322.525-.525.163-.229.268-.501.477-1.046zM19.64 14.314l.644 1.674c.105.273.158.409.239.524q.108.153.262.262c.115.081.251.134.523.239l1.675.644-1.675.644c-.272.105-.408.157-.523.239q-.153.108-.262.262c-.081.115-.134.25-.239.523L19.64 21l-.644-1.675c-.105-.272-.157-.408-.239-.523a1.1 1.1 0 0 0-.262-.262c-.115-.082-.25-.134-.523-.239l-1.675-.644 1.675-.644c.272-.105.408-.158.523-.239q.153-.108.262-.262c.082-.115.134-.251.239-.524zM17.091 3l.644 1.675c.105.272.158.409.24.523q.108.154.262.262c.114.082.25.134.523.24l1.675.643-1.675.644c-.273.105-.409.158-.523.24q-.153.108-.263.262c-.081.114-.134.25-.239.523l-.644 1.675-.644-1.675c-.105-.273-.157-.409-.238-.523a1.1 1.1 0 0 0-.263-.263c-.114-.081-.25-.134-.523-.239l-1.675-.644 1.675-.644c.272-.105.409-.157.523-.239q.153-.109.263-.262c.081-.115.133-.25.238-.523z"
2598
- })
2629
+ children: [
2630
+ /* @__PURE__ */ (0, import_jsx_runtime$3.jsx)("path", {
2631
+ d: "M8.18658 5.99609L9.47499 9.34597C9.68451 9.89072 9.78927 10.1631 9.95218 10.3922C10.0966 10.5953 10.274 10.7727 10.477 10.9171C10.7061 11.08 10.9785 11.1847 11.5233 11.3943L14.8732 12.6827L11.5233 13.9711C10.9785 14.1806 10.7061 14.2854 10.477 14.4483C10.274 14.5927 10.0966 14.7701 9.95218 14.9731C9.78927 15.2022 9.68451 15.4746 9.47499 16.0194L8.18658 19.3693L6.89816 16.0194C6.68864 15.4746 6.58388 15.2022 6.42097 14.9731C6.27659 14.7701 6.09917 14.5927 5.89612 14.4483C5.66701 14.2854 5.39463 14.1806 4.84988 13.9711L1.5 12.6827L4.84987 11.3943C5.39463 11.1847 5.66701 11.08 5.89612 10.9171C6.09917 10.7727 6.27659 10.5953 6.42097 10.3922C6.58388 10.1631 6.68864 9.89072 6.89816 9.34597L8.18658 5.99609Z",
2632
+ fill: "currentColor",
2633
+ stroke: "currentColor",
2634
+ strokeWidth: 1.11443,
2635
+ strokeLinecap: "round",
2636
+ strokeLinejoin: "round"
2637
+ }),
2638
+ /* @__PURE__ */ (0, import_jsx_runtime$3.jsx)("path", {
2639
+ d: "M19.6402 14.3135L20.2844 15.9884C20.3891 16.2608 20.4415 16.397 20.523 16.5115C20.5952 16.6131 20.6839 16.7018 20.7854 16.774C20.8999 16.8554 21.0361 16.9078 21.3085 17.0126L22.9835 17.6568L21.3085 18.301C21.0361 18.4057 20.8999 18.4581 20.7854 18.5396C20.6839 18.6118 20.5952 18.7005 20.523 18.802C20.4415 18.9166 20.3891 19.0527 20.2844 19.3251L19.6402 21.0001L18.996 19.3251C18.8912 19.0527 18.8388 18.9166 18.7574 18.802C18.6852 18.7005 18.5965 18.6118 18.4949 18.5396C18.3804 18.4581 18.2442 18.4057 17.9718 18.301L16.2969 17.6568L17.9718 17.0126C18.2442 16.9078 18.3804 16.8554 18.4949 16.774C18.5965 16.7018 18.6852 16.6131 18.7574 16.5115C18.8388 16.397 18.8912 16.2608 18.996 15.9884L19.6402 14.3135Z",
2640
+ fill: "currentColor",
2641
+ stroke: "currentColor",
2642
+ strokeWidth: 1.11443,
2643
+ strokeLinecap: "round",
2644
+ strokeLinejoin: "round"
2645
+ }),
2646
+ /* @__PURE__ */ (0, import_jsx_runtime$3.jsx)("path", {
2647
+ d: "M17.0913 3L17.7355 4.67494C17.8403 4.94732 17.8927 5.0835 17.9741 5.19806C18.0463 5.29959 18.135 5.38829 18.2366 5.46049C18.3511 5.54194 18.4873 5.59432 18.7597 5.69908L20.4346 6.34329L18.7597 6.9875C18.4873 7.09226 18.3511 7.14464 18.2366 7.22609C18.135 7.29829 18.0463 7.38699 17.9741 7.48852C17.8927 7.60308 17.8403 7.73927 17.7355 8.01165L17.0913 9.68658L16.4471 8.01165C16.3424 7.73927 16.29 7.60308 16.2085 7.48852C16.1363 7.38699 16.0476 7.29829 15.9461 7.22609C15.8315 7.14464 15.6954 7.09226 15.423 6.9875L13.748 6.34329L15.423 5.69908C15.6954 5.59432 15.8315 5.54194 15.9461 5.46049C16.0476 5.38829 16.1363 5.29959 16.2085 5.19806C16.29 5.0835 16.3424 4.94731 16.4471 4.67494L17.0913 3Z",
2648
+ fill: "currentColor",
2649
+ stroke: "currentColor",
2650
+ strokeWidth: 1.11443,
2651
+ strokeLinecap: "round",
2652
+ strokeLinejoin: "round"
2653
+ })
2654
+ ]
2599
2655
  });
2600
2656
  var Sparkles_default = SvgSparkles;
2601
2657
 
2602
2658
  //#endregion
2603
- //#region node_modules/@envive-ai/react-icons/dist/IconCloseVariant.js
2604
- require_react();
2659
+ //#region ../icons/dist/IconCloseVariant.js
2605
2660
  var import_jsx_runtime$2 = /* @__PURE__ */ __toESM(require_jsx_runtime());
2606
2661
  const SvgIconCloseVariant = (props) => /* @__PURE__ */ (0, import_jsx_runtime$2.jsx)("svg", {
2607
- xmlns: "http://www.w3.org/2000/svg",
2608
2662
  viewBox: "0 0 24 24",
2663
+ xmlns: "http://www.w3.org/2000/svg",
2609
2664
  ...props,
2610
- children: /* @__PURE__ */ (0, import_jsx_runtime$2.jsx)("g", {
2611
- className: "icon-close-variant_svg__layer",
2612
- children: /* @__PURE__ */ (0, import_jsx_runtime$2.jsx)("path", {
2665
+ children: /* @__PURE__ */ (0, import_jsx_runtime$2.jsxs)("g", {
2666
+ className: "layer",
2667
+ children: [/* @__PURE__ */ (0, import_jsx_runtime$2.jsx)("title", { children: "Layer 1" }), /* @__PURE__ */ (0, import_jsx_runtime$2.jsx)("path", {
2668
+ d: "m18.98,2.56l-6.76,6.76l-6.76,-6.76l-2.65,2.65l6.76,6.76l-6.76,6.76l2.65,2.65l6.76,-6.76l6.76,6.76l2.65,-2.65l-6.76,-6.76l6.76,-6.76l-2.65,-2.65z",
2613
2669
  fill: "currentColor",
2614
- d: "m18.98 2.56-6.76 6.76-6.76-6.76-2.65 2.65 6.76 6.76-6.76 6.76 2.65 2.65 6.76-6.76 6.76 6.76 2.65-2.65-6.76-6.76 6.76-6.76z"
2615
- })
2670
+ id: "svg_2"
2671
+ })]
2616
2672
  })
2617
2673
  });
2618
2674
  var IconCloseVariant_default = SvgIconCloseVariant;
@@ -2665,6 +2721,7 @@ const SearchOverlay = React.forwardRef(({ children, className, dataTestId, role,
2665
2721
  return node;
2666
2722
  }
2667
2723
  });
2724
+ SearchOverlay.displayName = "SearchOverlay";
2668
2725
 
2669
2726
  //#endregion
2670
2727
  //#region src/SearchZeroState/zeroStateSearchVariants.ts
@@ -2684,50 +2741,67 @@ const searchZeroStateVariantClasses = {
2684
2741
  };
2685
2742
 
2686
2743
  //#endregion
2687
- //#region node_modules/@envive-ai/react-icons/dist/AiSearchBold.js
2688
- require_react();
2744
+ //#region ../icons/dist/AiSearchBold.js
2689
2745
  var import_jsx_runtime$1 = /* @__PURE__ */ __toESM(require_jsx_runtime());
2690
2746
  const SvgAiSearchBold = (props) => /* @__PURE__ */ (0, import_jsx_runtime$1.jsxs)("svg", {
2691
- xmlns: "http://www.w3.org/2000/svg",
2692
2747
  width: 32,
2693
2748
  height: 32,
2749
+ viewBox: "0 0 32 32",
2694
2750
  fill: "none",
2751
+ xmlns: "http://www.w3.org/2000/svg",
2695
2752
  ...props,
2696
- children: [/* @__PURE__ */ (0, import_jsx_runtime$1.jsx)("path", {
2697
- fill: "#AB1212",
2698
- stroke: "#AB1212",
2699
- strokeLinecap: "round",
2700
- strokeLinejoin: "round",
2701
- d: "m25.345 3.271 1.103 2.87c.18.466.27.7.409.896q.186.263.45.45c.196.139.429.229.896.408L31.072 9l-2.87 1.103c-.466.18-.7.27-.896.41a1.9 1.9 0 0 0-.45.449c-.139.196-.229.43-.408.896l-1.104 2.869-1.103-2.87c-.18-.466-.27-.7-.409-.895a1.9 1.9 0 0 0-.45-.45c-.196-.14-.429-.23-.896-.409L19.618 9l2.87-1.104c.466-.18.7-.269.896-.409a1.9 1.9 0 0 0 .45-.45c.139-.195.228-.429.408-.895z"
2702
- }), /* @__PURE__ */ (0, import_jsx_runtime$1.jsx)("path", {
2703
- stroke: "#111",
2704
- strokeLinecap: "round",
2705
- strokeWidth: 2,
2706
- d: "M18.807 5.469A9.402 9.402 0 1 0 13.4 22.72c4.463.11 8.277-2.907 9.34-7.055M19.312 21.25l4.813 5.25"
2707
- })]
2753
+ children: [
2754
+ /* @__PURE__ */ (0, import_jsx_runtime$1.jsx)("path", {
2755
+ d: "M25.3445 3.27148L26.448 6.14076C26.6275 6.60736 26.7172 6.84066 26.8568 7.0369C26.9804 7.21083 27.1324 7.36279 27.3063 7.48646C27.5026 7.626 27.7359 7.71573 28.2025 7.89519L31.0717 8.99876L28.2025 10.1023C27.7359 10.2818 27.5026 10.3715 27.3063 10.5111C27.1324 10.6347 26.9804 10.7867 26.8568 10.9606C26.7172 11.1569 26.6275 11.3902 26.448 11.8568L25.3445 14.726L24.2409 11.8568C24.0614 11.3902 23.9717 11.1569 23.8322 10.9606C23.7085 10.7867 23.5565 10.6347 23.3826 10.5111C23.1864 10.3715 22.9531 10.2818 22.4865 10.1023L19.6172 8.99876L22.4865 7.89519C22.9531 7.71573 23.1864 7.626 23.3826 7.48646C23.5565 7.36279 23.7085 7.21083 23.8322 7.0369C23.9717 6.84066 24.0614 6.60736 24.2409 6.14076L25.3445 3.27148Z",
2756
+ fill: "#AB1212",
2757
+ stroke: "#AB1212",
2758
+ strokeLinecap: "round",
2759
+ strokeLinejoin: "round"
2760
+ }),
2761
+ /* @__PURE__ */ (0, import_jsx_runtime$1.jsx)("path", {
2762
+ d: "M18.8072 5.46891C17.3865 4.5308 15.6938 3.96698 13.8663 3.92165C8.67511 3.79287 4.3624 7.89679 4.23363 13.088C4.10485 18.2792 8.20877 22.592 13.4 22.7207C17.8631 22.8314 21.6768 19.8136 22.7407 15.6659",
2763
+ stroke: "#111111",
2764
+ strokeWidth: 2,
2765
+ strokeLinecap: "round"
2766
+ }),
2767
+ /* @__PURE__ */ (0, import_jsx_runtime$1.jsx)("path", {
2768
+ d: "M19.312 21.2498L24.1245 26.4999",
2769
+ stroke: "#111111",
2770
+ strokeWidth: 2,
2771
+ strokeLinecap: "round"
2772
+ })
2773
+ ]
2708
2774
  });
2709
2775
  var AiSearchBold_default = SvgAiSearchBold;
2710
2776
 
2711
2777
  //#endregion
2712
- //#region node_modules/@envive-ai/react-icons/dist/AiSearchThin.js
2713
- require_react();
2778
+ //#region ../icons/dist/AiSearchThin.js
2714
2779
  var import_jsx_runtime = /* @__PURE__ */ __toESM(require_jsx_runtime());
2715
2780
  const SvgAiSearchThin = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", {
2716
- xmlns: "http://www.w3.org/2000/svg",
2717
2781
  width: 26,
2718
2782
  height: 23,
2783
+ viewBox: "0 0 26 23",
2719
2784
  fill: "none",
2785
+ xmlns: "http://www.w3.org/2000/svg",
2720
2786
  ...props,
2721
- children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
2722
- stroke: "currentColor",
2723
- strokeLinecap: "round",
2724
- strokeLinejoin: "round",
2725
- d: "M19.106 1.148 20 3.47c.145.377.218.566.33.725.1.14.224.263.364.363.16.113.348.186.726.331l2.32.893-2.32.893c-.378.145-.567.217-.726.33q-.212.151-.363.364c-.113.159-.186.348-.33.725l-.894 2.321-.893-2.32c-.145-.378-.217-.567-.33-.726-.1-.14-.223-.264-.364-.364-.159-.113-.347-.185-.725-.33l-2.321-.893 2.321-.893c.378-.145.566-.218.725-.33.14-.1.264-.224.364-.364.113-.16.185-.348.33-.725z"
2726
- }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
2727
- stroke: "currentColor",
2728
- strokeLinecap: "round",
2729
- d: "M13.108 2.928a7.607 7.607 0 1 0 3.182 8.25M15.544 17.773l3.592 3.934"
2730
- })]
2787
+ children: [
2788
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
2789
+ d: "M19.1063 1.14819L19.9991 3.46956C20.1443 3.84706 20.2169 4.03581 20.3298 4.19458C20.4298 4.3353 20.5528 4.45824 20.6935 4.55829C20.8523 4.67118 21.041 4.74378 21.4185 4.88897L23.7399 5.78181L21.4185 6.67464C21.041 6.81984 20.8523 6.89243 20.6935 7.00532C20.5528 7.10538 20.4298 7.22832 20.3298 7.36904C20.2169 7.5278 20.1443 7.71656 19.9991 8.09406L19.1063 10.4154L18.2134 8.09406C18.0682 7.71656 17.9956 7.5278 17.8828 7.36903C17.7827 7.22832 17.6598 7.10538 17.519 7.00532C17.3603 6.89243 17.1715 6.81984 16.794 6.67464L14.4727 5.78181L16.794 4.88897C17.1715 4.74378 17.3603 4.67118 17.519 4.55829C17.6598 4.45824 17.7827 4.3353 17.8828 4.19458C17.9956 4.03581 18.0682 3.84706 18.2134 3.46956L19.1063 1.14819Z",
2790
+ stroke: "currentColor",
2791
+ strokeLinecap: "round",
2792
+ strokeLinejoin: "round"
2793
+ }),
2794
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
2795
+ d: "M13.1079 2.92848C11.9585 2.16951 10.589 1.71336 9.1105 1.67668C4.91057 1.5725 1.4214 4.89275 1.31721 9.09268C1.21303 13.2926 4.53328 16.7818 8.73321 16.886C12.344 16.9755 15.4295 14.534 16.2902 11.1783",
2796
+ stroke: "currentColor",
2797
+ strokeLinecap: "round"
2798
+ }),
2799
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
2800
+ d: "M15.5439 17.7734L19.1358 21.7072",
2801
+ stroke: "currentColor",
2802
+ strokeLinecap: "round"
2803
+ })
2804
+ ]
2731
2805
  });
2732
2806
  var AiSearchThin_default = SvgAiSearchThin;
2733
2807
 
@@ -2897,7 +2971,7 @@ const SearchZeroState = ({ widgetConfig, initialIsOpen, entryPointRef }) => {
2897
2971
  variant: "t3",
2898
2972
  children: searchOverlayHeading
2899
2973
  }), /* @__PURE__ */ jsx(Sparkles_default, {
2900
- className: "sm:spiffy-tw-w-[36px] sm:spiffy-tw-h-[45px] spiffy-tw-w-[24px] spiffy-tw-h-[36px] spiffy-tw-ml-2",
2974
+ className: "spiffy-tw-ml-2 spiffy-tw-h-[36px] spiffy-tw-w-[24px] sm:spiffy-tw-h-[45px] sm:spiffy-tw-w-[36px]",
2901
2975
  color: sparklesIconColor,
2902
2976
  stroke: "2px"
2903
2977
  })]
@@ -2907,11 +2981,11 @@ const SearchZeroState = ({ widgetConfig, initialIsOpen, entryPointRef }) => {
2907
2981
  })]
2908
2982
  }), /* @__PURE__ */ jsx("button", {
2909
2983
  onClick: handleClose,
2910
- className: "spiffy-tw-absolute spiffy-tw-top-4 spiffy-tw-right-4 sm:spiffy-tw-top-8 sm:spiffy-tw-right-8 ",
2984
+ className: "spiffy-tw-absolute spiffy-tw-right-4 spiffy-tw-top-4 sm:spiffy-tw-right-8 sm:spiffy-tw-top-8",
2911
2985
  "aria-label": "Close search",
2912
2986
  type: "button",
2913
2987
  children: /* @__PURE__ */ jsx(IconCloseVariant_default, {
2914
- className: "spiffy-tw-w-[20px] spiffy-tw-h-[20px] sm:spiffy-tw-w-[28px] sm:spiffy-tw-h-[28px]",
2988
+ className: "spiffy-tw-h-[20px] spiffy-tw-w-[20px] sm:spiffy-tw-h-[28px] sm:spiffy-tw-w-[28px]",
2915
2989
  strokeWidth: "2px"
2916
2990
  })
2917
2991
  })] }),
@@ -2932,7 +3006,7 @@ const SearchZeroState = ({ widgetConfig, initialIsOpen, entryPointRef }) => {
2932
3006
  onSearchInputBlur
2933
3007
  }),
2934
3008
  /* @__PURE__ */ jsxs(AnimatePresence, { children: [initialSuggestions && initialSuggestions.length > 0 && /* @__PURE__ */ jsx(motion.div, {
2935
- className: "spiffy-tw-justify-center spiffy-tw-w-full spiffy-tw-overflow-hidden",
3009
+ className: "spiffy-tw-w-full spiffy-tw-justify-center spiffy-tw-overflow-hidden",
2936
3010
  initial: { opacity: 0 },
2937
3011
  animate: { opacity: 1 },
2938
3012
  exit: { opacity: 0 },
package/dist/SuggestionBar/index.cjs CHANGED
@@ -1,5 +1,5 @@
1
- const require_SuggestionBar = require('../SuggestionBar-BOThXJvJ.cjs');
2
- require('../SuggestionButtonContainer-BeWPpeQk.cjs');
1
+ const require_SuggestionBar = require('../SuggestionBar-CK5aU2bb.cjs');
2
+ require('../SuggestionButtonContainer-Dm38gJiJ.cjs');
3
3
 
4
4
  exports.SuggestionBar = require_SuggestionBar.SuggestionBar;
5
5
  exports.SuggestionBarLocationForMetrics = require_SuggestionBar.SuggestionBarLocationForMetrics;
package/dist/SuggestionBar/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { n as SuggestionBarLocationForMetrics, t as SuggestionBar } from "../SuggestionBar-DeMmAK4M.js";
2
- import "../SuggestionButtonContainer-CZhOkZaJ.js";
1
+ import { n as SuggestionBarLocationForMetrics, t as SuggestionBar } from "../SuggestionBar-BHAXhgcd.js";
2
+ import "../SuggestionButtonContainer-s2e9YGW_.js";
3
3
 
4
4
  export { SuggestionBar, SuggestionBarLocationForMetrics };
package/dist/{SuggestionBar-DeMmAK4M.js → SuggestionBar-BHAXhgcd.js} RENAMED
@@ -1,4 +1,4 @@
1
- import { t as SuggestionButtonContainer } from "./SuggestionButtonContainer-CZhOkZaJ.js";
1
+ import { t as SuggestionButtonContainer } from "./SuggestionButtonContainer-s2e9YGW_.js";
2
2
  import { useCallback, useRef } from "react";
3
3
  import { useSetAtom } from "jotai";
4
4
  import { jsx } from "react/jsx-runtime";
@@ -96,16 +96,9 @@ function SuggestionBar({ id, locationForMetrics, buttonTexts, buttonVariation, h
96
96
  ]);
97
97
  return /* @__PURE__ */ jsx("div", {
98
98
  id,
99
- className: "spiffy-tw-justify-center spiffy-tw-w-full spiffy-tw-overflow-hidden",
99
+ className: "spiffy-tw-w-full spiffy-tw-justify-center spiffy-tw-overflow-hidden",
100
100
  children: /* @__PURE__ */ jsx("div", {
101
- className: `
102
- spiffy-tw-relative
103
- spiffy-tw-w-full
104
- spiffy-tw-overflow-x-scroll
105
- spiffy-tw-overflow-y-hidden
106
- spiffy-tw-no-scrollbar
107
- ${twoRowsOnMobile && isSmallScreen ? "spiffy-tw-h-20" : "spiffy-tw-h-9"}
108
- `,
101
+ className: `spiffy-tw-no-scrollbar spiffy-tw-relative spiffy-tw-w-full spiffy-tw-overflow-y-hidden spiffy-tw-overflow-x-scroll ${twoRowsOnMobile && isSmallScreen ? "spiffy-tw-h-20" : "spiffy-tw-h-9"} `,
109
102
  ref: handleContainerRef,
110
103
  children: /* @__PURE__ */ jsx("div", {
111
104
  className: "spiffy-tw-relative spiffy-tw-inline-block spiffy-tw-whitespace-nowrap",
package/dist/{SuggestionBar-BOThXJvJ.cjs → SuggestionBar-CK5aU2bb.cjs} RENAMED
@@ -1,5 +1,5 @@
1
- const require_chunk = require('./chunk-DWy1uDak.cjs');
2
- const require_SuggestionButtonContainer = require('./SuggestionButtonContainer-BeWPpeQk.cjs');
1
+ const require_chunk = require('./chunk-DSlc6foC.cjs');
2
+ const require_SuggestionButtonContainer = require('./SuggestionButtonContainer-Dm38gJiJ.cjs');
3
3
  let react = require("react");
4
4
  let jotai = require("jotai");
5
5
  let react_jsx_runtime = require("react/jsx-runtime");
@@ -407,16 +407,9 @@ function SuggestionBar({ id, locationForMetrics, buttonTexts, buttonVariation, h
407
407
  ]);
408
408
  return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
409
409
  id,
410
- className: "spiffy-tw-justify-center spiffy-tw-w-full spiffy-tw-overflow-hidden",
410
+ className: "spiffy-tw-w-full spiffy-tw-justify-center spiffy-tw-overflow-hidden",
411
411
  children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
412
- className: `
413
- spiffy-tw-relative
414
- spiffy-tw-w-full
415
- spiffy-tw-overflow-x-scroll
416
- spiffy-tw-overflow-y-hidden
417
- spiffy-tw-no-scrollbar
418
- ${twoRowsOnMobile && isSmallScreen ? "spiffy-tw-h-20" : "spiffy-tw-h-9"}
419
- `,
412
+ className: `spiffy-tw-no-scrollbar spiffy-tw-relative spiffy-tw-w-full spiffy-tw-overflow-y-hidden spiffy-tw-overflow-x-scroll ${twoRowsOnMobile && isSmallScreen ? "spiffy-tw-h-20" : "spiffy-tw-h-9"} `,
420
413
  ref: handleContainerRef,
421
414
  children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
422
415
  className: "spiffy-tw-relative spiffy-tw-inline-block spiffy-tw-whitespace-nowrap",
package/dist/SuggestionButtonContainer/index.cjs CHANGED
@@ -1,3 +1,3 @@
1
- const require_SuggestionButtonContainer = require('../SuggestionButtonContainer-BeWPpeQk.cjs');
1
+ const require_SuggestionButtonContainer = require('../SuggestionButtonContainer-Dm38gJiJ.cjs');
2
2
 
3
3
  exports.SuggestionButtonContainer = require_SuggestionButtonContainer.SuggestionButtonContainer;
package/dist/SuggestionButtonContainer/index.js CHANGED
@@ -1,3 +1,3 @@
1
- import { t as SuggestionButtonContainer } from "../SuggestionButtonContainer-CZhOkZaJ.js";
1
+ import { t as SuggestionButtonContainer } from "../SuggestionButtonContainer-s2e9YGW_.js";
2
2
 
3
3
  export { SuggestionButtonContainer };
package/dist/{SuggestionButtonContainer-BeWPpeQk.cjs → SuggestionButtonContainer-Dm38gJiJ.cjs} RENAMED
@@ -1,4 +1,4 @@
1
- const require_chunk = require('./chunk-DWy1uDak.cjs');
1
+ const require_chunk = require('./chunk-DSlc6foC.cjs');
2
2
  let react = require("react");
3
3
  let react_jsx_runtime = require("react/jsx-runtime");
4
4
  let framer_motion = require("framer-motion");
@@ -104,7 +104,7 @@ function useHorizontalScrollAnimation({ scrollContainerRef, animationSpeed = "st
104
104
  //#region src/SuggestionButtonContainer/SuggestionButtonContainer.tsx
105
105
  function ButtonContainer({ children }) {
106
106
  return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
107
- className: "spiffy-tw-flex \n spiffy-tw-flex-row\n spiffy-tw-items-center\n spiffy-tw-space-x-2\n spiffy-tw-h-full\n spiffy-tw-pl-0",
107
+ className: "spiffy-tw-pl-0 spiffy-tw-flex spiffy-tw-h-full spiffy-tw-flex-row spiffy-tw-items-center spiffy-tw-space-x-2",
108
108
  children
109
109
  });
110
110
  }
@@ -120,7 +120,7 @@ const SuggestionButtonContainer = ({ buttonVariation, hoverButtonVariation, butt
120
120
  const visibleButtonsFirstRow = buttonTexts.slice(0, twoRowsOnMobile && isSmallScreen ? Math.ceil((buttonTexts.length + 1) / 2) : void 0);
121
121
  const visibleButtonsSecondRow = buttonTexts.slice(Math.ceil((buttonTexts.length + 1) / 2), buttonTexts.length);
122
122
  return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
123
- className: "spiffy-tw-overflow-x-scroll spiffy-tw-no-scrollbar spiffy-tw-w-full spiffy-tw-whitespace-nowrap",
123
+ className: "spiffy-tw-no-scrollbar spiffy-tw-w-full spiffy-tw-overflow-x-scroll spiffy-tw-whitespace-nowrap",
124
124
  children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(ButtonContainer, { children: [visibleButtonsFirstRow.map((suggestion, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_toolkit_SuggestionButton.SuggestionButton, {
125
125
  variant: buttonVariation,
126
126
  hoverVariant: hoverButtonVariation,
package/dist/{SuggestionButtonContainer-CZhOkZaJ.js → SuggestionButtonContainer-s2e9YGW_.js} RENAMED
@@ -103,7 +103,7 @@ function useHorizontalScrollAnimation({ scrollContainerRef, animationSpeed = "st
103
103
  //#region src/SuggestionButtonContainer/SuggestionButtonContainer.tsx
104
104
  function ButtonContainer({ children }) {
105
105
  return /* @__PURE__ */ jsx("div", {
106
- className: "spiffy-tw-flex \n spiffy-tw-flex-row\n spiffy-tw-items-center\n spiffy-tw-space-x-2\n spiffy-tw-h-full\n spiffy-tw-pl-0",
106
+ className: "spiffy-tw-pl-0 spiffy-tw-flex spiffy-tw-h-full spiffy-tw-flex-row spiffy-tw-items-center spiffy-tw-space-x-2",
107
107
  children
108
108
  });
109
109
  }
@@ -119,7 +119,7 @@ const SuggestionButtonContainer = ({ buttonVariation, hoverButtonVariation, butt
119
119
  const visibleButtonsFirstRow = buttonTexts.slice(0, twoRowsOnMobile && isSmallScreen ? Math.ceil((buttonTexts.length + 1) / 2) : void 0);
120
120
  const visibleButtonsSecondRow = buttonTexts.slice(Math.ceil((buttonTexts.length + 1) / 2), buttonTexts.length);
121
121
  return /* @__PURE__ */ jsxs("div", {
122
- className: "spiffy-tw-overflow-x-scroll spiffy-tw-no-scrollbar spiffy-tw-w-full spiffy-tw-whitespace-nowrap",
122
+ className: "spiffy-tw-no-scrollbar spiffy-tw-w-full spiffy-tw-overflow-x-scroll spiffy-tw-whitespace-nowrap",
123
123
  children: [/* @__PURE__ */ jsxs(ButtonContainer, { children: [visibleButtonsFirstRow.map((suggestion, i) => /* @__PURE__ */ jsx(SuggestionButton, {
124
124
  variant: buttonVariation,
125
125
  hoverVariant: hoverButtonVariation,
package/dist/{chunk-DWy1uDak.cjs → chunk-DSlc6foC.cjs} RENAMED
@@ -9,12 +9,16 @@ var __commonJS = (cb, mod) => function() {
9
9
  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
10
10
  };
11
11
  var __copyProps = (to, from, except, desc) => {
12
- if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
13
- key = keys[i];
14
- if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
15
- get: ((k) => from[k]).bind(null, key),
16
- enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
17
- });
12
+ if (from && typeof from === "object" || typeof from === "function") {
13
+ for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
14
+ key = keys[i];
15
+ if (!__hasOwnProp.call(to, key) && key !== except) {
16
+ __defProp(to, key, {
17
+ get: ((k) => from[k]).bind(null, key),
18
+ enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
19
+ });
20
+ }
21
+ }
18
22
  }
19
23
  return to;
20
24
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@envive-ai/react-widgets",
3
- "version": "0.1.2-arthur-3",
3
+ "version": "0.1.2",
4
4
  "description": "React widget library for Envive services.",
5
5
  "keywords": [
6
6
  "react",
@@ -23,17 +23,17 @@
23
23
  "scripts": {
24
24
  "build": "tsdown",
25
25
  "build:watch": "tsdown --watch",
26
+ "dev": "npm run get-merchants && storybook dev -p 6006",
26
27
  "prepublish": "npm run build",
27
- "typecheck": "tsc",
28
- "test": "vitest",
29
- "storybook": "npm run get-merchants && storybook dev -p 6006",
30
28
  "build-storybook": "npm run get-merchants && storybook build",
31
- "dev": "npm run get-merchants && storybook dev -p 6006",
32
- "get-merchants": "tsx ./.storybook/getMerchants.ts"
29
+ "storybook": "npm run get-merchants && storybook dev -p 6006",
30
+ "storybook:get-merchants": "tsx ./.storybook/getMerchants.ts",
31
+ "typecheck": "tsc",
32
+ "test": "vitest"
33
33
  },
34
34
  "dependencies": {
35
- "@envive-ai/react-hooks": "0.2.8-arthur-2",
36
- "@envive-ai/react-toolkit": "0.2.13-arthur-1",
35
+ "@envive-ai/react-hooks": "0.2.9",
36
+ "@envive-ai/react-toolkit": "*",
37
37
  "@tailwindcss/typography": "^0.5.15",
38
38
  "classnames": "^2.5.1",
39
39
  "framer-motion": "^12.23.24",
@@ -55,7 +55,12 @@
55
55
  "@storybook/react-vite": "^9.1.4",
56
56
  "@types/node": "^24.3.2",
57
57
  "@types/react": "^19.1.12",
58
+ "@vitejs/plugin-react": "^5.0.0",
59
+ "@vitest/browser": "^3.2.4",
60
+ "@vitest/coverage-v8": "^3.2.4",
61
+ "autoprefixer": "^10.4.21",
58
62
  "eslint-plugin-storybook": "^9.1.4",
63
+ "playwright": "^1.56.0",
59
64
  "postcss": "^8.5.6",
60
65
  "storybook": "^9.1.4",
61
66
  "tailwindcss": "^3.4.17",
@@ -64,6 +69,9 @@
64
69
  "vite-tsconfig-paths": "^5.1.4",
65
70
  "vitest": "^3.2.4"
66
71
  },
72
+ "optionalDependencies": {
73
+ "@rollup/rollup-linux-x64-gnu": "*"
74
+ },
67
75
  "exports": {
68
76
  "./SearchResults": {
69
77
  "import": "./dist/SearchResults/index.js",
package/src/SearchResults/SearchResults.tsx CHANGED
@@ -3,13 +3,11 @@ import { useEffect } from 'react';
3
3
  import { SearchResultsContent } from '@envive-ai/react-toolkit/SearchResultsContent';
4
4
  import { SearchResultsFilterModal } from '@envive-ai/react-toolkit/SearchResultsFilterModal';
5
5
  import { SearchResultsToolbar } from '@envive-ai/react-toolkit/SearchResultsToolbar';
6
- import { useStickyVisibility } from '@envive-ai/react-toolkit/util'
6
+ import { useStickyVisibility } from '@envive-ai/react-toolkit/util';
7
7
  import { SearchResultsHocProps } from '@envive-ai/react-hooks/hooks/Search';
8
8
  import { SearchResultsEntryPointWidgetConfig } from './types';
9
9
  import { withSearchResults } from './withSearchResults';
10
10
 
11
-
12
-
13
11
  export interface SearchResultsProps extends SearchResultsHocProps {
14
12
  widgetConfig: SearchResultsEntryPointWidgetConfig;
15
13
  }
@@ -141,4 +139,4 @@ export const SearchResultsComponent = ({
141
139
  );
142
140
  };
143
141
 
144
- export const SearchResults = withSearchResults(SearchResultsComponent);
142
+ export const SearchResults = withSearchResults(SearchResultsComponent);
package/src/SearchResults/SearchResultsWidget.tsx CHANGED
@@ -40,4 +40,4 @@ export const SearchResultsWidget = () => {
40
40
  }
41
41
 
42
42
  return <SearchResults widgetConfig={widgetConfig as SearchResultsEntryPointWidgetConfig} />;
43
- };
43
+ };
package/src/SearchResults/types.ts CHANGED
@@ -1,6 +1,3 @@
1
-
2
-
3
-
4
1
  import { SearchFilterSidebarVariant } from '@envive-ai/react-toolkit/SearchResultsFilterSidebar';
5
2
  import { ProductGridVariant } from '@envive-ai/react-toolkit/ProductCard';
6
3
  import { BaseWidgetConfig } from 'src/config/BaseWidgetConfig';
package/src/SearchZeroState/SearchIcon.tsx CHANGED
@@ -1,11 +1,11 @@
1
- import { SearchIconVariant } from "@envive-ai/react-hooks/contexts/types";
2
- import AiSearchBold from "@envive-ai/react-icons/AiSearchBold";
3
- import AiSearchThin from "@envive-ai/react-icons/AiSearchThin";
4
- import { Typography } from "@envive-ai/react-toolkit/Typography";
5
- import classNames from "classnames";
6
- import React from "react";
1
+ import { SearchIconVariant } from '@envive-ai/react-hooks/contexts/types';
2
+ import AiSearchBold from '@envive-ai/react-icons/AiSearchBold';
3
+ import AiSearchThin from '@envive-ai/react-icons/AiSearchThin';
4
+ import { Typography } from '@envive-ai/react-toolkit/Typography';
5
+ import classNames from 'classnames';
6
+ import React from 'react';
7
7
 
8
- const SEARCH_ENTRYPOINT_BUTTON_TESTID = "spiffy-search-entrypoint-button";
8
+ const SEARCH_ENTRYPOINT_BUTTON_TESTID = 'spiffy-search-entrypoint-button';
9
9
 
10
10
  interface SearchIconProps {
11
11
  size?: number; // in px
@@ -46,9 +46,16 @@ export const SearchIcon: React.FC<SearchIconProps> = ({
46
46
  data-testid={SEARCH_ENTRYPOINT_BUTTON_TESTID}
47
47
  ref={entryPointRef}
48
48
  >
49
- <IconComponent style={{ width: size, height: size }} fill={color} strokeWidth={iconStrokeWidth} />
49
+ <IconComponent
50
+ style={{ width: size, height: size }}
51
+ fill={color}
52
+ strokeWidth={iconStrokeWidth}
53
+ />
50
54
  {label && (
51
- <Typography variant="body3" className="spiffy-global-search-text">
55
+ <Typography
56
+ variant="body3"
57
+ className="spiffy-global-search-text"
58
+ >
52
59
  {label}
53
60
  </Typography>
54
61
  )}
package/src/SearchZeroState/SearchOverlay.tsx CHANGED
@@ -65,10 +65,10 @@ export const SearchOverlay = React.forwardRef<HTMLDivElement, SearchOverlayProps
65
65
  }
66
66
 
67
67
  // If we are usingPortal, we need to create a portal widget in the orgConfig
68
- // so that we can properly identify the portal target. This is often used to
68
+ // so that we can properly identify the portal target. This is often used to
69
69
  // get around z-index context hell because it will move the overlay wherever
70
70
  // you need to insert it. In most cases, appending it as a child of body is
71
- // sufficient. Typically this is not needed, but look into how it's done in
71
+ // sufficient. Typically this is not needed, but look into how it's done in
72
72
  // Bandolier for more info.
73
73
  try {
74
74
  const target = getOverlayPortalTarget();
@@ -79,3 +79,4 @@ export const SearchOverlay = React.forwardRef<HTMLDivElement, SearchOverlayProps
79
79
  }
80
80
  },
81
81
  );
82
+ SearchOverlay.displayName = 'SearchOverlay';