@flowsterix/react 0.1.0 → 0.1.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 Kevin Graf
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/{chunk-U757YVZP.mjs → chunk-B6OJ26VH.mjs}

@@ -1,6 +1,6 @@
 import {
   useTanStackRouterTourAdapter
-} from "./chunk-RCASLQRS.mjs";
+} from "./chunk-LQFOZS4Y.mjs";
 
 // src/router/tanstackRouterSync.tsx
 import * as TanStackRouter from "@tanstack/react-router";

package/dist/{chunk-RCASLQRS.mjs → chunk-LQFOZS4Y.mjs}

@@ -1,7 +1,7 @@
 import {
   createPathString,
   notifyRouteChange
-} from "./chunk-RPA2S5UP.mjs";
+} from "./chunk-WTGQUDPT.mjs";
 
 // src/router/tanstackRouterAdapter.tsx
 import { useRouterState } from "@tanstack/react-router";

package/dist/{chunk-RPA2S5UP.mjs → chunk-WTGQUDPT.mjs}

@@ -37,15 +37,17 @@ var getViewportRect = () => {
 var expandRect = (rect, padding) => {
   if (!isBrowser) return rect;
   const viewport = getViewportRect();
-  const top = Math.max(0, rect.top - padding);
-  const left = Math.max(0, rect.left - padding);
-  const width = Math.min(viewport.width - left, rect.width + padding * 2);
-  const height = Math.min(viewport.height - top, rect.height + padding * 2);
+  const spaceTop = rect.top;
+  const spaceBottom = viewport.height - rect.bottom;
+  const spaceLeft = rect.left;
+  const spaceRight = viewport.width - rect.right;
+  const verticalPadding = Math.min(padding, spaceTop, spaceBottom);
+  const horizontalPadding = Math.min(padding, spaceLeft, spaceRight);
   return createRect({
-    top,
-    left,
-    width: Math.max(0, width),
-    height: Math.max(0, height)
+    top: rect.top - verticalPadding,
+    left: rect.left - horizontalPadding,
+    width: rect.width + horizontalPadding * 2,
+    height: rect.height + verticalPadding * 2
   });
 };
 var getClientRect = (element) => toClientRect(element.getBoundingClientRect());

package/dist/index.cjs

@@ -250,15 +250,17 @@ var getViewportRect = () => {
 var expandRect = (rect, padding) => {
   if (!isBrowser) return rect;
   const viewport = getViewportRect();
-  const top = Math.max(0, rect.top - padding);
-  const left = Math.max(0, rect.left - padding);
-  const width = Math.min(viewport.width - left, rect.width + padding * 2);
-  const height = Math.min(viewport.height - top, rect.height + padding * 2);
+  const spaceTop = rect.top;
+  const spaceBottom = viewport.height - rect.bottom;
+  const spaceLeft = rect.left;
+  const spaceRight = viewport.width - rect.right;
+  const verticalPadding = Math.min(padding, spaceTop, spaceBottom);
+  const horizontalPadding = Math.min(padding, spaceLeft, spaceRight);
   return createRect({
-    top,
-    left,
-    width: Math.max(0, width),
-    height: Math.max(0, height)
+    top: rect.top - verticalPadding,
+    left: rect.left - horizontalPadding,
+    width: rect.width + horizontalPadding * 2,
+    height: rect.height + verticalPadding * 2
   });
 };
 var getClientRect = (element) => toClientRect(element.getBoundingClientRect());

package/dist/index.mjs

@@ -4,10 +4,10 @@ import {
   getTourRouter,
   setTanStackRouter,
   setTourRouter
-} from "./chunk-U757YVZP.mjs";
+} from "./chunk-B6OJ26VH.mjs";
 import {
   useTanStackRouterTourAdapter
-} from "./chunk-RCASLQRS.mjs";
+} from "./chunk-LQFOZS4Y.mjs";
 import {
   createPathString,
   expandRect,
@@ -20,7 +20,7 @@ import {
   portalHost,
   subscribeToRouteChanges,
   supportsMasking
-} from "./chunk-RPA2S5UP.mjs";
+} from "./chunk-WTGQUDPT.mjs";
 
 // src/context.tsx
 import {

package/dist/router/index.mjs

@@ -4,17 +4,17 @@ import {
   getTourRouter,
   setTanStackRouter,
   setTourRouter
-} from "../chunk-U757YVZP.mjs";
+} from "../chunk-B6OJ26VH.mjs";
 import {
   useTanStackRouterTourAdapter
-} from "../chunk-RCASLQRS.mjs";
+} from "../chunk-LQFOZS4Y.mjs";
 import {
   createPathString,
   getCurrentRoutePath,
   notifyRouteChange,
   routeGatingChannel,
   subscribeToRouteChanges
-} from "../chunk-RPA2S5UP.mjs";
+} from "../chunk-WTGQUDPT.mjs";
 export {
   TanStackRouterSync,
   createPathString,

package/dist/router/nextAppRouterAdapter.mjs

@@ -1,7 +1,7 @@
 import {
   createPathString,
   notifyRouteChange
-} from "../chunk-RPA2S5UP.mjs";
+} from "../chunk-WTGQUDPT.mjs";
 
 // src/router/nextAppRouterAdapter.tsx
 import * as NextNavigation from "next/navigation";

package/dist/router/nextPagesRouterAdapter.mjs

@@ -1,7 +1,7 @@
 import {
   createPathString,
   notifyRouteChange
-} from "../chunk-RPA2S5UP.mjs";
+} from "../chunk-WTGQUDPT.mjs";
 
 // src/router/nextPagesRouterAdapter.tsx
 import * as NextRouter from "next/router";

package/dist/router/reactRouterAdapter.mjs

@@ -1,7 +1,7 @@
 import {
   createPathString,
   notifyRouteChange
-} from "../chunk-RPA2S5UP.mjs";
+} from "../chunk-WTGQUDPT.mjs";
 
 // src/router/reactRouterAdapter.tsx
 import { useEffect } from "react";

package/dist/router/tanstackRouterAdapter.mjs

@@ -1,7 +1,7 @@
 import {
   useTanStackRouterTourAdapter
-} from "../chunk-RCASLQRS.mjs";
-import "../chunk-RPA2S5UP.mjs";
+} from "../chunk-LQFOZS4Y.mjs";
+import "../chunk-WTGQUDPT.mjs";
 export {
   useTanStackRouterTourAdapter
 };

package/dist/utils/dom.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../../src/utils/dom.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,SAC4C,CAAA;AAElE,KAAK,QAAQ,GAAG;IACd,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;CACf,CAAA;AAED,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG;IACtC,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;CACf,CAAA;AAED,eAAO,MAAM,UAAU,GAAI,+BAKxB,QAAQ,KAAG,cAOZ,CAAA;AAEF,eAAO,MAAM,YAAY,GAAI,MAAM,OAAO,GAAG,eAAe,KAAG,cAM3D,CAAA;AAEJ,eAAO,MAAM,eAAe,QAAO,cAgBlC,CAAA;AAED,eAAO,MAAM,UAAU,GACrB,MAAM,cAAc,EACpB,SAAS,MAAM,KACd,cAeF,CAAA;AAED,eAAO,MAAM,gBAAgB,GAAI,MAAM,cAAc,EAAE,eAAU,YAUhE,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,SAAS,OAAO,KAAG,cACF,CAAA;AAe/C,eAAO,MAAM,gBAAgB,GAAI,SAAS,OAAO,KAAG,KAAK,CAAC,OAAO,CA4BhE,CAAA;AAED,eAAO,MAAM,UAAU,0BAA2C,CAAA;AA4BlE,eAAO,MAAM,eAAe,eAM3B,CAAA"}
+{"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../../src/utils/dom.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,SAC4C,CAAA;AAElE,KAAK,QAAQ,GAAG;IACd,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;CACf,CAAA;AAED,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG;IACtC,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;CACf,CAAA;AAED,eAAO,MAAM,UAAU,GAAI,+BAKxB,QAAQ,KAAG,cAOZ,CAAA;AAEF,eAAO,MAAM,YAAY,GAAI,MAAM,OAAO,GAAG,eAAe,KAAG,cAM3D,CAAA;AAEJ,eAAO,MAAM,eAAe,QAAO,cAgBlC,CAAA;AAED,eAAO,MAAM,UAAU,GACrB,MAAM,cAAc,EACpB,SAAS,MAAM,KACd,cAqBF,CAAA;AAED,eAAO,MAAM,gBAAgB,GAAI,MAAM,cAAc,EAAE,eAAU,YAUhE,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,SAAS,OAAO,KAAG,cACF,CAAA;AAe/C,eAAO,MAAM,gBAAgB,GAAI,SAAS,OAAO,KAAG,KAAK,CAAC,OAAO,CA4BhE,CAAA;AAED,eAAO,MAAM,UAAU,0BAA2C,CAAA;AA4BlE,eAAO,MAAM,eAAe,eAM3B,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flowsterix/react",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "React bindings for Flowsterix - guided tours and onboarding flows",
   "license": "MIT",
   "repository": {