@payfit/unity-components 2.46.7 → 2.46.8

package/dist/esm/components/form-field/parts/TanstackFormFeedbackText.js

@@ -1,6 +1,6 @@
 import { jsx as n } from "react/jsx-runtime";
 import { forwardRef as s } from "react";
-import { useStore as l } from "@tanstack/react-form";
+import { useSelector as l } from "@tanstack/react-store";
 import { useFieldContext as c } from "../../../hooks/tanstack-form-context.js";
 import { Text as f } from "../../text/Text.js";
 import { useFieldA11yContext as u } from "../TanstackFormField.context.js";

package/dist/esm/components/inline-field/parts/InlineFieldEditView.js

@@ -1,7 +1,7 @@
-import { jsxs as m, jsx as s } from "react/jsx-runtime";
-import { useRef as S, useState as N, useEffect as l, useCallback as v } from "react";
+import { jsxs as l, jsx as s } from "react/jsx-runtime";
+import { useRef as S, useState as N, useEffect as m, useCallback as v } from "react";
 import { uyTv as L } from "@payfit/unity-themes";
-import { useStore as P } from "@tanstack/react-form";
+import { useSelector as P } from "@tanstack/react-store";
 import { Group as T } from "react-aria-components/Group";
 import { FocusScope as R } from "react-aria/FocusScope";
 import { useKeyboard as j } from "react-aria/useKeyboard";
@@ -39,11 +39,11 @@ function J({
     isSubmitSuccessful: e.isSubmitSuccessful,
     submissionAttempts: e.submissionAttempts
   })), a = S(t), w = S(u), [k, d] = N(""), c = i?.mode === "edit";
-  l(() => {
+  m(() => {
     t && !a.current && d("");
-  }, [t]), l(() => {
+  }, [t]), m(() => {
     a.current && !t && r && i?.exitEditMode();
-  }, [t, r, i]), l(() => {
+  }, [t, r, i]), m(() => {
     if (a.current && !t && !r && y) {
       const I = b ?? n.formatMessage({
         id: "unity:component:inline-field:save-error",
@@ -51,7 +51,7 @@ function J({
       });
       d(I);
     }
-  }, [t, r, y, b, n]), l(() => {
+  }, [t, r, y, b, n]), m(() => {
     a.current = t, w.current = u;
   }, [t, u]);
   const { base: D } = z(), V = v(
@@ -66,7 +66,7 @@ function J({
       e.key === "Escape" && i?.mode === "edit" && (e.preventDefault(), f?.(), g());
     }
   });
-  return /* @__PURE__ */ m(
+  return /* @__PURE__ */ l(
     "div",
     {
       className: D(),
@@ -82,11 +82,11 @@ function J({
             className: "uy:flex uy:flex-1 uy:min-w-0",
             onSubmit: V,
             id: i?.editViewId,
-            children: /* @__PURE__ */ m(H, { children: [
+            children: /* @__PURE__ */ l(H, { children: [
               p && /* @__PURE__ */ s(G, { children: p }),
-              /* @__PURE__ */ m("div", { className: "uy:flex", children: [
+              /* @__PURE__ */ l("div", { className: "uy:flex", children: [
                 x,
-                /* @__PURE__ */ m(
+                /* @__PURE__ */ l(
                   T,
                   {
                     className: "uy:flex uy:gap-50 uy:items-center uy:ml-100",

package/dist/esm/components/inline-field/parts/InlineFieldReadView.js

@@ -1,21 +1,21 @@
-import { jsxs as a, jsx as p } from "react/jsx-runtime";
-import { useState as S, useRef as c, useEffect as r } from "react";
-import { useStore as b } from "@tanstack/react-form";
+import { jsxs as a, jsx as c } from "react/jsx-runtime";
+import { useState as p, useRef as S, useEffect as r } from "react";
+import { useSelector as b } from "@tanstack/react-store";
 import { useFormContext as R } from "../../../hooks/tanstack-form-context.js";
 import { useInlineField as A } from "../InlineField.context.js";
 const I = 5e3;
 function x({
-  children: d,
+  children: l,
   successMessage: i
 }) {
-  const n = A(), [l, s] = S(""), f = R(), { isSubmitting: e, submissionAttempts: E, isSubmitSuccessful: m } = b(
+  const n = A(), [d, s] = p(""), f = R(), { isSubmitting: e, submissionAttempts: E, isSubmitSuccessful: m } = b(
     f.store,
     (t) => ({
       isSubmitting: t.isSubmitting,
       isSubmitSuccessful: t.isSubmitSuccessful,
       submissionAttempts: t.submissionAttempts
     })
-  ), u = c(e), o = n?.mode === "read";
+  ), u = S(e), o = n?.mode === "read";
   return r(() => {
     u.current && !e && m && i && s(i);
   }, [e, m, i, n]), r(() => {
@@ -37,15 +37,15 @@ function x({
       "aria-hidden": !o,
       ...!o && { inert: "" },
       children: [
-        d,
-        /* @__PURE__ */ p(
+        l,
+        /* @__PURE__ */ c(
           "div",
           {
             role: "status",
             "aria-live": "polite",
             "aria-atomic": "true",
             className: "uy:sr-only",
-            children: l
+            children: d
           }
         )
       ]

package/dist/esm/components/inline-field-group/InlineFieldGroup.js

@@ -1,7 +1,7 @@
 import { jsx as u, jsxs as te } from "react/jsx-runtime";
 import { forwardRef as ie, useRef as m, useState as K, useEffect as o, useCallback as P, useImperativeHandle as oe, useMemo as re } from "react";
 import { uyTv as ne } from "@payfit/unity-themes";
-import { useStore as se } from "@tanstack/react-form";
+import { useSelector as se } from "@tanstack/react-store";
 import { FocusScope as ue } from "react-aria/FocusScope";
 import { useId as le } from "react-aria/useId";
 import { useKeyboard as ce } from "react-aria/useKeyboard";

package/dist/esm/components/inline-field-group/parts/InlineFieldGroupActions.js

@@ -1,7 +1,7 @@
 import { jsxs as c, Fragment as y, jsx as i } from "react/jsx-runtime";
 import { useContext as E, useMemo as G } from "react";
 import { uyTv as S } from "@payfit/unity-themes";
-import { useStore as A } from "@tanstack/react-form";
+import { useSelector as A } from "@tanstack/react-store";
 import { useIntl as B } from "react-intl";
 import { useFormContext as j } from "../../../hooks/tanstack-form-context.js";
 import { useBreakpointListener as k } from "../../../hooks/use-breakpoint-listener.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payfit/unity-components",
-  "version": "2.46.7",
+  "version": "2.46.8",
   "module": "./dist/esm/index.js",
   "type": "module",
   "sideEffects": false,
@@ -64,8 +64,9 @@
     "@react-aria/utils": "3.34.0",
     "@react-types/shared": "3.26.0",
     "@standard-schema/spec": "1.1.0",
-    "@tanstack/form-core": "1.32.0",
-    "@tanstack/react-form": "1.32.0",
+    "@tanstack/form-core": "1.33.0",
+    "@tanstack/react-form": "1.33.0",
+    "@tanstack/react-store": "0.11.0",
     "@tanstack/react-virtual": "3.13.26",
     "@use-gesture/react": "10.3.1",
     "embla-carousel": "9.0.0-rc02",
@@ -86,7 +87,7 @@
     "tailwind-variants": "3.2.2",
     "usehooks-ts": "3.1.1",
     "zod": "4.4.3",
-    "@payfit/unity-illustrations": "2.46.7"
+    "@payfit/unity-illustrations": "2.46.8"
   },
   "peerDependencies": {
     "@hookform/devtools": "^4",
@@ -98,8 +99,8 @@
     "react-hook-form": "^7",
     "react-router-dom": "^5",
     "zod": "^3 || ^4",
-    "@payfit/unity-icons": "2.46.7",
-    "@payfit/unity-themes": "2.46.7"
+    "@payfit/unity-icons": "2.46.8",
+    "@payfit/unity-themes": "2.46.8"
   },
   "devDependencies": {
     "@figma/code-connect": "1.4.3",
@@ -116,7 +117,7 @@
     "@storybook/react-vite": "10.4.1",
     "@tanstack/intent": "0.0.40",
     "@tanstack/react-devtools": "0.10.5",
-    "@tanstack/react-form-devtools": "0.2.27",
+    "@tanstack/react-form-devtools": "0.2.29",
     "@tanstack/react-query": "5.100.14",
     "@tanstack/react-router": "1.170.10",
     "@tanstack/react-router-devtools": "1.167.0",
@@ -149,9 +150,9 @@
     "@payfit/hr-apps-tsconfigs": "0.0.0-use.local",
     "@payfit/storybook-addon-console-errors": "0.0.0-use.local",
     "@payfit/storybook-config": "0.0.0-use.local",
-    "@payfit/unity-icons": "2.46.7",
-    "@payfit/unity-illustrations": "2.46.7",
-    "@payfit/unity-themes": "2.46.7",
+    "@payfit/unity-icons": "2.46.8",
+    "@payfit/unity-illustrations": "2.46.8",
+    "@payfit/unity-themes": "2.46.8",
     "@payfit/vite-configs": "0.0.0-use.local"
   },
   "peerDependenciesMeta": {