@ssgoi/react 4.2.0 → 4.2.1

package/dist/react/src/lib/ssgoi-transition.cjs

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),r=require("react"),q=require("./transition.cjs"),b=require("./context.cjs"),o=require("./utils.cjs"),T=({children:c,id:i,as:u,className:l,...f})=>{const{getTransition:a,getInitialStyle:R}=b.useSsgoi(),S=u||"div",t=r.useRef(null),s=r.useRef(!0),e=r.useRef(null);e.current===null&&(e.current=R());let n;s.current?n=e.current:t.current&&e.current&&(n=o.forkStyleFromElement(t.current,e.current));const g=q.transition(a(i)),m=o.combineRefs(y=>{t.current=y,s.current=!1},g);return d.jsx(S,{ref:m,"data-ssgoi-transition":i,className:l,style:n,...f,children:c})};exports.SsgoiTransition=T;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("react/jsx-runtime"),e=require("react"),T=require("./transition.cjs"),j=require("./context.cjs"),f=require("./utils.cjs"),x=({children:a,id:s,as:R,className:m,...g})=>{const{getTransition:S,getInitialStyle:y}=j.useSsgoi(),b=R||"div",n=e.useRef(null),i=e.useRef(!0),t=e.useRef(null);t.current===null&&(t.current=y());let r;i.current?r=t.current:n.current&&t.current&&(r=f.forkStyleFromElement(n.current,t.current));const o=e.useCallback(l=>{n.current=l,l&&(i.current=!1)},[]),c=S(s),u=e.useMemo(()=>T.transition(c),[c]),d=e.useMemo(()=>f.combineRefs(o,u),[o,u]);return q.jsx(b,{ref:d,"data-ssgoi-transition":s,className:m,style:r,...g,children:a})};exports.SsgoiTransition=x;

package/dist/react/src/lib/ssgoi-transition.js

@@ -1,38 +1,44 @@
 "use client";
-import { jsx as g } from "react/jsx-runtime";
-import { useRef as n } from "react";
-import { transition as y } from "./transition.js";
-import { useSsgoi as d } from "./context.js";
-import { forkStyleFromElement as b, combineRefs as x } from "./utils.js";
-const C = ({
-  children: s,
+import { jsx as d } from "react/jsx-runtime";
+import { useRef as r, useCallback as C, useMemo as u } from "react";
+import { transition as k } from "./transition.js";
+import { useSsgoi as x } from "./context.js";
+import { forkStyleFromElement as E, combineRefs as F } from "./utils.js";
+const h = ({
+  children: m,
   id: o,
-  as: c,
-  className: f,
-  ...l
+  as: a,
+  className: R,
+  ...p
 }) => {
-  const { getTransition: u, getInitialStyle: m } = d(), a = c || "div", r = n(null), i = n(!0), t = n(null);
-  t.current === null && (t.current = m());
-  let e;
-  i.current ? e = t.current : r.current && t.current && (e = b(
-    r.current,
+  const { getTransition: g, getInitialStyle: S } = x(), y = a || "div", e = r(null), i = r(!0), t = r(null);
+  t.current === null && (t.current = S());
+  let n;
+  i.current ? n = t.current : e.current && t.current && (n = E(
+    e.current,
     t.current
   ));
-  const R = y(u(o)), p = x((S) => {
-    r.current = S, i.current = !1;
-  }, R);
-  return /* @__PURE__ */ g(
-    a,
+  const s = C((l) => {
+    e.current = l, l && (i.current = !1);
+  }, []), c = g(o), f = u(
+    () => k(c),
+    [c]
+  ), b = u(
+    () => F(s, f),
+    [s, f]
+  );
+  return /* @__PURE__ */ d(
+    y,
     {
-      ref: p,
+      ref: b,
       "data-ssgoi-transition": o,
-      className: f,
-      style: e,
-      ...l,
-      children: s
+      className: R,
+      style: n,
+      ...p,
+      children: m
     }
   );
 };
 export {
-  C as SsgoiTransition
+  h as SsgoiTransition
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ssgoi/react",
-  "version": "4.2.0",
+  "version": "4.2.1",
   "description": "React bindings for SSGOI - Native app-like page transitions for React applications",
   "private": false,
   "type": "module",