@getspot/spot-widget-react 3.2.2 → 3.3.0

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [3.3.0](https://gitlab.com/getspot/spot-widget/compare/@getspot/spot-widget-react@3.2.3...@getspot/spot-widget-react@3.3.0) (2025-12-22)
+
+
+### Features
+
+* **react:** add storybook support. run 'pnpm run storybook' to see ([7f751d1](https://gitlab.com/getspot/spot-widget/commit/7f751d15f8d3705ca746bf695169fd0f7b6d79ca))
+
+## [3.2.3](https://gitlab.com/getspot/spot-widget/compare/@getspot/spot-widget-react@3.2.2...@getspot/spot-widget-react@3.2.3) (2025-12-18)
+
+
+### Bug Fixes
+
+* **core:** stop event propogation on covered items toggle ([357cd77](https://gitlab.com/getspot/spot-widget/commit/357cd77c01d9245b1ac852270b6494911307abf1))
+
 ## [3.2.2](https://gitlab.com/getspot/spot-widget/compare/@getspot/spot-widget-react@3.2.1...@getspot/spot-widget-react@3.2.2) (2025-12-16)
 
 

package/dist/ReactSpotWidget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReactSpotWidget.d.ts","sourceRoot":"","sources":["../src/ReactSpotWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmF,MAAM,OAAO,CAAC;AA+BxG,OAAmB,EAAE,KAAK,iBAAiB,EAAE,KAAK,aAAa,EAAE,KAAK,KAAK,EAAE,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAE7H;;GAEG;AACH,UAAU,oBAAqB,SAAQ,IAAI,CAAC,iBAAiB,EAAE,UAAU,GAAG,WAAW,CAAC;IACtF,0EAA0E;IAC1E,SAAS,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAC;IAC1C,iEAAiE;IACjE,gBAAgB,EAAE,iBAAiB,CAAC,kBAAkB,CAAC,CAAC;IACxD,yDAAyD;IACzD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,8EAA8E;IAC9E,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,yDAAyD;IACzD,KAAK,CAAC,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAC;IACnC,4DAA4D;IAC5D,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,YAAY,GAAG,IAAI,CAAC;IACzD,+DAA+D;IAC/D,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IACxC,gEAAgE;IAChE,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IACzC,iEAAiE;IACjE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAC;QAAC,YAAY,CAAC,EAAE,GAAG,CAAA;KAAE,KAAK,IAAI,CAAC;IACpF,qDAAqD;IACrD,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,GAAG,CAAA;KAAE,KAAK,IAAI,CAAC;IAClE,2EAA2E;IAC3E,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IAClD,gDAAgD;IAChD,SAAS,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAC;CAC5C;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,6CAA6C;IAC7C,WAAW,EAAE,CAAC,mBAAmB,EAAE,iBAAiB,CAAC,kBAAkB,CAAC,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IAC9F,qCAAqC;IACrC,YAAY,EAAE,MAAM,aAAa,GAAG,IAAI,CAAC;IACzC,kDAAkD;IAClD,iBAAiB,EAAE,MAAM,OAAO,CAAC;IACjC,yDAAyD;IACzD,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,QAAA,MAAM,eAAe,iGAoLnB,CAAC;AAIH,eAAe,eAAe,CAAC"}
+{"version":3,"file":"ReactSpotWidget.d.ts","sourceRoot":"","sources":["../src/ReactSpotWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmF,MAAM,OAAO,CAAC;AA+BxG,OAAmB,EAAE,KAAK,iBAAiB,EAAE,KAAK,aAAa,EAAE,KAAK,KAAK,EAAE,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAE7H;;GAEG;AACH,UAAU,oBAAqB,SAAQ,IAAI,CAAC,iBAAiB,EAAE,UAAU,GAAG,WAAW,CAAC;IACtF,0EAA0E;IAC1E,SAAS,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAC;IAC1C,iEAAiE;IACjE,gBAAgB,EAAE,iBAAiB,CAAC,kBAAkB,CAAC,CAAC;IACxD,yDAAyD;IACzD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,8EAA8E;IAC9E,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,yDAAyD;IACzD,KAAK,CAAC,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAC;IACnC,4DAA4D;IAC5D,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,YAAY,GAAG,IAAI,CAAC;IACzD,+DAA+D;IAC/D,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IACxC,gEAAgE;IAChE,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IACzC,iEAAiE;IACjE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAC;QAAC,YAAY,CAAC,EAAE,GAAG,CAAA;KAAE,KAAK,IAAI,CAAC;IACpF,qDAAqD;IACrD,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,GAAG,CAAA;KAAE,KAAK,IAAI,CAAC;IAClE,2EAA2E;IAC3E,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IAClD,gDAAgD;IAChD,SAAS,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAC;CAC5C;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,6CAA6C;IAC7C,WAAW,EAAE,CAAC,mBAAmB,EAAE,iBAAiB,CAAC,kBAAkB,CAAC,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IAC9F,qCAAqC;IACrC,YAAY,EAAE,MAAM,aAAa,GAAG,IAAI,CAAC;IACzC,kDAAkD;IAClD,iBAAiB,EAAE,MAAM,OAAO,CAAC;IACjC,yDAAyD;IACzD,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,QAAA,MAAM,eAAe,iGAwLnB,CAAC;AAIH,eAAe,eAAe,CAAC"}

package/dist/index.es.js

@@ -1,6 +1,6 @@
-import { jsx as x } from "react/jsx-runtime";
-import { forwardRef as A, useRef as p, useCallback as O, useMemo as B, useImperativeHandle as H, useEffect as W } from "react";
-import N from "@getspot/spot-widget";
+import { jsx as B } from "react/jsx-runtime";
+import { forwardRef as H, useRef as p, useCallback as O, useMemo as K, useImperativeHandle as T, useEffect as P } from "react";
+import x from "@getspot/spot-widget";
 function i(c, u) {
   if (c === u) return !0;
   if (c == null || u == null || typeof c != "object" || typeof u != "object") return !1;
@@ -10,56 +10,58 @@ function i(c, u) {
     if (!d.includes(f) || !i(c[f], u[f])) return !1;
   return !0;
 }
-function K(c, u) {
+function z(c, u) {
   const s = p(void 0);
   return (!s.current || !i(s.current.deps, u)) && (s.current = { deps: u, value: c() }), s.current.value;
 }
-const T = A(({
+const F = H(({
   apiConfig: c,
   quoteRequestData: u,
   showTable: s = !0,
   optInSelected: d = !1,
   theme: f,
   callbacks: v = {},
+  useMockData: R,
+  mockData: Q,
   onQuoteRetrieved: k,
-  onOptIn: R,
-  onOptOut: m,
-  onError: Q,
-  onNoMatchingQuote: h,
-  onSelectionChange: S
-}, P) => {
+  onOptIn: m,
+  onOptOut: h,
+  onError: S,
+  onNoMatchingQuote: C,
+  onSelectionChange: I
+}, A) => {
   const g = p(null), n = p(null), o = p({
     onQuoteRetrieved: k,
-    onOptIn: R,
-    onOptOut: m,
-    onError: Q,
-    onNoMatchingQuote: h,
-    onSelectionChange: S
-  }), C = p(v);
+    onOptIn: m,
+    onOptOut: h,
+    onError: S,
+    onNoMatchingQuote: C,
+    onSelectionChange: I
+  }), w = p(v);
   o.current = {
     onQuoteRetrieved: k,
-    onOptIn: R,
-    onOptOut: m,
-    onError: Q,
-    onNoMatchingQuote: h,
-    onSelectionChange: S
-  }, C.current = v;
-  const I = O((e) => {
+    onOptIn: m,
+    onOptOut: h,
+    onError: S,
+    onNoMatchingQuote: C,
+    onSelectionChange: I
+  }, w.current = v;
+  const E = O((e) => {
     var t, r;
     return (r = (t = o.current).onQuoteRetrieved) == null ? void 0 : r.call(t, e);
-  }, []), w = O((e) => {
+  }, []), j = O((e) => {
     var t, r, a, l;
     (r = (t = o.current).onOptIn) == null || r.call(t, e), (l = (a = o.current).onSelectionChange) == null || l.call(a, e);
-  }, []), E = O((e) => {
+  }, []), q = O((e) => {
     var t, r, a, l;
     (r = (t = o.current).onOptOut) == null || r.call(t, e), (l = (a = o.current).onSelectionChange) == null || l.call(a, e);
   }, []), M = O((e) => {
     var t, r;
     (r = (t = o.current).onError) == null || r.call(t, e);
-  }, []), j = O((e) => {
+  }, []), W = O((e) => {
     var t, r;
     (r = (t = o.current).onNoMatchingQuote) == null || r.call(t, e);
-  }, []), q = B(() => {
+  }, []), D = K(() => {
     const e = {}, t = [
       "onQuoteRetrieved",
       "onOptIn",
@@ -69,27 +71,29 @@ const T = A(({
     ];
     for (const r of t)
       e[r] = (...a) => {
-        var D;
-        const l = (D = C.current) == null ? void 0 : D[r];
+        var N;
+        const l = (N = w.current) == null ? void 0 : N[r];
         if (l) return l(...a);
       };
     return {
       ...e,
-      ...o.current.onQuoteRetrieved && { onQuoteRetrieved: I },
-      ...o.current.onOptIn && { onOptIn: w },
-      ...o.current.onOptOut && { onOptOut: E },
+      ...o.current.onQuoteRetrieved && { onQuoteRetrieved: E },
+      ...o.current.onOptIn && { onOptIn: j },
+      ...o.current.onOptOut && { onOptOut: q },
       ...o.current.onError && { onError: M },
-      ...o.current.onNoMatchingQuote && { noMatchingQuote: j }
+      ...o.current.onNoMatchingQuote && { noMatchingQuote: W }
     };
-  }, [I, w, E, M, j]), b = K(() => ({
+  }, [E, j, q, M, W]), b = z(() => ({
     apiConfig: c,
     quoteRequestData: u,
     showTable: s,
     optInSelected: d,
     theme: f,
-    callbacks: q
-  }), [c, u, s, d, f, q]);
-  H(P, () => ({
+    callbacks: D,
+    useMockData: R,
+    mockData: Q
+  }), [c, u, s, d, f, D, R, Q]);
+  T(A, () => ({
     updateQuote: (e) => {
       var t;
       return ((t = n.current) == null ? void 0 : t.updateQuote(e)) ?? Promise.resolve(!1);
@@ -107,22 +111,22 @@ const T = A(({
     }
   }));
   const y = p(void 0);
-  return W(() => (g.current && !n.current && (n.current = new N({
+  return P(() => (g.current && !n.current && (n.current = new x({
     location: g.current,
     ...b
   }), y.current = b), () => {
     n.current && (n.current.destroy(), n.current = null);
-  }), []), W(() => {
+  }), []), P(() => {
     if (n.current && y.current) {
       const e = y.current, t = b;
-      i(e.apiConfig, t.apiConfig) && i(e.theme, t.theme) && e.showTable === t.showTable && e.optInSelected === t.optInSelected && i(e.callbacks, t.callbacks) && !i(e.quoteRequestData, t.quoteRequestData) ? n.current.updateQuote(t.quoteRequestData) : i(e, t) || (n.current.destroy(), n.current = new N({
+      i(e.apiConfig, t.apiConfig) && i(e.theme, t.theme) && e.showTable === t.showTable && e.optInSelected === t.optInSelected && i(e.callbacks, t.callbacks) && !i(e.quoteRequestData, t.quoteRequestData) ? n.current.updateQuote(t.quoteRequestData) : i(e, t) || (n.current.destroy(), n.current = new x({
         location: g.current,
         ...t
       })), y.current = t;
     }
-  }, [b]), /* @__PURE__ */ x("div", { ref: g });
+  }, [b]), /* @__PURE__ */ B("div", { ref: g });
 });
-T.displayName = "ReactSpotWidget";
+F.displayName = "ReactSpotWidget";
 export {
-  T as default
+  F as default
 };

package/dist/index.umd.js

@@ -1 +1 @@
-(function(i,n){typeof exports=="object"&&typeof module<"u"?module.exports=n(require("react/jsx-runtime"),require("react"),require("@getspot/spot-widget")):typeof define=="function"&&define.amd?define(["react/jsx-runtime","react","@getspot/spot-widget"],n):(i=typeof globalThis<"u"?globalThis:i||self,i.ReactSpotWidget=n(i.React,i.React,i.SpotWidget))})(this,function(i,n,k){"use strict";function a(s,c){if(s===c)return!0;if(s==null||c==null||typeof s!="object"||typeof c!="object")return!1;const l=Object.keys(s),R=Object.keys(c);if(l.length!==R.length)return!1;for(let d of l)if(!R.includes(d)||!a(s[d],c[d]))return!1;return!0}function N(s,c){const l=n.useRef(void 0);return(!l.current||!a(l.current.deps,c))&&(l.current={deps:c,value:s()}),l.current.value}const y=n.forwardRef(({apiConfig:s,quoteRequestData:c,showTable:l=!0,optInSelected:R=!1,theme:d,callbacks:v={},onQuoteRetrieved:h,onOptIn:Q,onOptOut:m,onError:C,onNoMatchingQuote:S,onSelectionChange:j},P)=>{const O=n.useRef(null),u=n.useRef(null),o=n.useRef({onQuoteRetrieved:h,onOptIn:Q,onOptOut:m,onError:C,onNoMatchingQuote:S,onSelectionChange:j}),q=n.useRef(v);o.current={onQuoteRetrieved:h,onOptIn:Q,onOptOut:m,onError:C,onNoMatchingQuote:S,onSelectionChange:j},q.current=v;const w=n.useCallback(e=>{var t,r;return(r=(t=o.current).onQuoteRetrieved)==null?void 0:r.call(t,e)},[]),E=n.useCallback(e=>{var t,r,p,f;(r=(t=o.current).onOptIn)==null||r.call(t,e),(f=(p=o.current).onSelectionChange)==null||f.call(p,e)},[]),I=n.useCallback(e=>{var t,r,p,f;(r=(t=o.current).onOptOut)==null||r.call(t,e),(f=(p=o.current).onSelectionChange)==null||f.call(p,e)},[]),M=n.useCallback(e=>{var t,r;(r=(t=o.current).onError)==null||r.call(t,e)},[]),x=n.useCallback(e=>{var t,r;(r=(t=o.current).onNoMatchingQuote)==null||r.call(t,e)},[]),D=n.useMemo(()=>{const e={},t=["onQuoteRetrieved","onOptIn","onOptOut","onError","noMatchingQuote"];for(const r of t)e[r]=(...p)=>{var W;const f=(W=q.current)==null?void 0:W[r];if(f)return f(...p)};return{...e,...o.current.onQuoteRetrieved&&{onQuoteRetrieved:w},...o.current.onOptIn&&{onOptIn:E},...o.current.onOptOut&&{onOptOut:I},...o.current.onError&&{onError:M},...o.current.onNoMatchingQuote&&{noMatchingQuote:x}}},[w,E,I,M,x]),g=N(()=>({apiConfig:s,quoteRequestData:c,showTable:l,optInSelected:R,theme:d,callbacks:D}),[s,c,l,R,d,D]);n.useImperativeHandle(P,()=>({updateQuote:e=>{var t;return((t=u.current)==null?void 0:t.updateQuote(e))??Promise.resolve(!1)},getSelection:()=>{var e;return((e=u.current)==null?void 0:e.getSelection())??null},validateSelection:()=>{var e;return((e=u.current)==null?void 0:e.validateSelection())??!1},destroy:()=>{u.current&&(u.current.destroy(),u.current=null)}}));const b=n.useRef(void 0);return n.useEffect(()=>(O.current&&!u.current&&(u.current=new k({location:O.current,...g}),b.current=g),()=>{u.current&&(u.current.destroy(),u.current=null)}),[]),n.useEffect(()=>{if(u.current&&b.current){const e=b.current,t=g;a(e.apiConfig,t.apiConfig)&&a(e.theme,t.theme)&&e.showTable===t.showTable&&e.optInSelected===t.optInSelected&&a(e.callbacks,t.callbacks)&&!a(e.quoteRequestData,t.quoteRequestData)?u.current.updateQuote(t.quoteRequestData):a(e,t)||(u.current.destroy(),u.current=new k({location:O.current,...t})),b.current=t}},[g]),i.jsx("div",{ref:O})});return y.displayName="ReactSpotWidget",y});
+(function(i,n){typeof exports=="object"&&typeof module<"u"?module.exports=n(require("react/jsx-runtime"),require("react"),require("@getspot/spot-widget")):typeof define=="function"&&define.amd?define(["react/jsx-runtime","react","@getspot/spot-widget"],n):(i=typeof globalThis<"u"?globalThis:i||self,i.ReactSpotWidget=n(i.React,i.React,i.SpotWidget))})(this,function(i,n,y){"use strict";function a(s,c){if(s===c)return!0;if(s==null||c==null||typeof s!="object"||typeof c!="object")return!1;const l=Object.keys(s),R=Object.keys(c);if(l.length!==R.length)return!1;for(let d of l)if(!R.includes(d)||!a(s[d],c[d]))return!1;return!0}function T(s,c){const l=n.useRef(void 0);return(!l.current||!a(l.current.deps,c))&&(l.current={deps:c,value:s()}),l.current.value}const k=n.forwardRef(({apiConfig:s,quoteRequestData:c,showTable:l=!0,optInSelected:R=!1,theme:d,callbacks:v={},useMockData:h,mockData:Q,onQuoteRetrieved:C,onOptIn:m,onOptOut:S,onError:j,onNoMatchingQuote:q,onSelectionChange:w},A)=>{const O=n.useRef(null),u=n.useRef(null),o=n.useRef({onQuoteRetrieved:C,onOptIn:m,onOptOut:S,onError:j,onNoMatchingQuote:q,onSelectionChange:w}),E=n.useRef(v);o.current={onQuoteRetrieved:C,onOptIn:m,onOptOut:S,onError:j,onNoMatchingQuote:q,onSelectionChange:w},E.current=v;const I=n.useCallback(e=>{var t,r;return(r=(t=o.current).onQuoteRetrieved)==null?void 0:r.call(t,e)},[]),x=n.useCallback(e=>{var t,r,p,f;(r=(t=o.current).onOptIn)==null||r.call(t,e),(f=(p=o.current).onSelectionChange)==null||f.call(p,e)},[]),M=n.useCallback(e=>{var t,r,p,f;(r=(t=o.current).onOptOut)==null||r.call(t,e),(f=(p=o.current).onSelectionChange)==null||f.call(p,e)},[]),W=n.useCallback(e=>{var t,r;(r=(t=o.current).onError)==null||r.call(t,e)},[]),D=n.useCallback(e=>{var t,r;(r=(t=o.current).onNoMatchingQuote)==null||r.call(t,e)},[]),N=n.useMemo(()=>{const e={},t=["onQuoteRetrieved","onOptIn","onOptOut","onError","noMatchingQuote"];for(const r of t)e[r]=(...p)=>{var P;const f=(P=E.current)==null?void 0:P[r];if(f)return f(...p)};return{...e,...o.current.onQuoteRetrieved&&{onQuoteRetrieved:I},...o.current.onOptIn&&{onOptIn:x},...o.current.onOptOut&&{onOptOut:M},...o.current.onError&&{onError:W},...o.current.onNoMatchingQuote&&{noMatchingQuote:D}}},[I,x,M,W,D]),g=T(()=>({apiConfig:s,quoteRequestData:c,showTable:l,optInSelected:R,theme:d,callbacks:N,useMockData:h,mockData:Q}),[s,c,l,R,d,N,h,Q]);n.useImperativeHandle(A,()=>({updateQuote:e=>{var t;return((t=u.current)==null?void 0:t.updateQuote(e))??Promise.resolve(!1)},getSelection:()=>{var e;return((e=u.current)==null?void 0:e.getSelection())??null},validateSelection:()=>{var e;return((e=u.current)==null?void 0:e.validateSelection())??!1},destroy:()=>{u.current&&(u.current.destroy(),u.current=null)}}));const b=n.useRef(void 0);return n.useEffect(()=>(O.current&&!u.current&&(u.current=new y({location:O.current,...g}),b.current=g),()=>{u.current&&(u.current.destroy(),u.current=null)}),[]),n.useEffect(()=>{if(u.current&&b.current){const e=b.current,t=g;a(e.apiConfig,t.apiConfig)&&a(e.theme,t.theme)&&e.showTable===t.showTable&&e.optInSelected===t.optInSelected&&a(e.callbacks,t.callbacks)&&!a(e.quoteRequestData,t.quoteRequestData)?u.current.updateQuote(t.quoteRequestData):a(e,t)||(u.current.destroy(),u.current=new y({location:O.current,...t})),b.current=t}},[g]),i.jsx("div",{ref:O})});return k.displayName="ReactSpotWidget",k});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getspot/spot-widget-react",
-  "version": "3.2.2",
+  "version": "3.3.0",
   "description": "React wrapper for Spot Widget",
   "publishConfig": {
     "access": "public"
@@ -14,31 +14,38 @@
     "CHANGELOG.md"
   ],
   "dependencies": {
-    "@getspot/spot-widget": "^3.2.4"
+    "@getspot/spot-widget": "^3.3.0"
   },
   "peerDependencies": {
-    "react": ">=18.0.0",
-    "react-dom": ">=18.0.0",
     "@types/react": ">=18.0.0",
-    "@types/react-dom": ">=18.0.0"
+    "@types/react-dom": ">=18.0.0",
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
   },
   "devDependencies": {
-    "vite": "^5.0.0",
-    "@vitejs/plugin-react": "^4.0.0",
-    "typescript": "~5.4.0",
-    "@types/react": "^18.0.0",
-    "@types/react-dom": "^18.0.0",
-    "typedoc": "^0.28.0",
-    "typedoc-plugin-markdown": "^4.0.0",
-    "jest": "^29.0.0",
-    "@testing-library/react": "^14.0.0",
+    "@storybook/addon-essentials": "^8.6.15",
+    "@storybook/addon-interactions": "^8.6.15",
+    "@storybook/blocks": "^8.6.15",
+    "@storybook/react": "^8.6.15",
+    "@storybook/react-vite": "^8.6.15",
+    "@storybook/test": "^8.6.15",
     "@testing-library/jest-dom": "^6.0.0",
+    "@testing-library/react": "^14.0.0",
     "@testing-library/user-event": "^14.0.0",
     "@types/jest": "^29.0.0",
+    "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.0.0",
+    "@vitejs/plugin-react": "^4.0.0",
+    "jest": "^29.0.0",
     "jest-environment-jsdom": "^29.0.0",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
-    "ts-jest": "^29.0.0"
+    "storybook": "^8.6.15",
+    "ts-jest": "^29.0.0",
+    "typedoc": "^0.28.0",
+    "typedoc-plugin-markdown": "^4.0.0",
+    "typescript": "~5.4.0",
+    "vite": "^5.0.0"
   },
   "scripts": {
     "build": "vite build && npx -p typescript tsc --emitDeclarationOnly && cp dist/ReactSpotWidget.d.ts dist/index.d.ts",
@@ -47,6 +54,8 @@
     "test": "jest --watchAll=false",
     "test:watch": "jest --watch",
     "test:coverage": "jest --coverage",
-    "test:ci": "jest --ci --coverage --watchAll=false"
+    "test:ci": "jest --ci --coverage --watchAll=false",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
   }
 }

package/dist/__tests__/ReactSpotWidget.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=ReactSpotWidget.test.d.ts.map

package/dist/__tests__/ReactSpotWidget.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ReactSpotWidget.test.d.ts","sourceRoot":"","sources":["../../src/__tests__/ReactSpotWidget.test.tsx"],"names":[],"mappings":""}