@rws-aoa/react-library 6.0.1 → 7.0.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rws-aoa/react-library",
-  "version": "6.0.1",
+  "version": "7.0.1",
   "description": "RWS AOA Design System",
   "author": "@rws-aoa",
   "license": "Apache-2.0",
@@ -28,12 +28,11 @@
     "@emotion/styled": "^11.14.1",
     "@mui/icons-material": "^7.2.0",
     "@mui/material": "^7.2.0",
-    "@tanstack/react-router": "^1.125.6",
+    "@tanstack/react-router": "^1.128.0",
     "clsx": "^2.1.1",
     "lodash": "^4.17.21",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "react-is": "^18.3.1"
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^4.0.1",
@@ -41,36 +40,37 @@
     "@fontsource/material-icons": "^5.2.5",
     "@fontsource/roboto": "^5.2.6",
     "@mui/system": "^7.2.0",
-    "@mui/x-data-grid": "latest",
-    "@mui/x-data-grid-generator": "latest",
-    "@storybook/addon-a11y": "^9.0.16",
+    "@mui/x-data-grid": "^8.8.0",
+    "@mui/x-data-grid-generator": "^8.8.0",
+    "@storybook/addon-a11y": "^9.0.17",
     "@storybook/addon-console": "^3.0.0",
-    "@storybook/addon-docs": "^9.0.16",
-    "@storybook/addon-onboarding": "^9.0.16",
-    "@storybook/addon-themes": "^9.0.16",
-    "@storybook/addon-vitest": "9.0.16",
-    "@storybook/react-vite": "^9.0.16",
+    "@storybook/addon-docs": "^9.0.17",
+    "@storybook/addon-onboarding": "^9.0.17",
+    "@storybook/addon-themes": "^9.0.17",
+    "@storybook/addon-vitest": "9.0.17",
+    "@storybook/react-vite": "^9.0.17",
     "@tanstack/react-form": "1.14.1",
     "@types/lodash": "^4.17.20",
     "@types/lodash.merge": "^4.6.9",
-    "@types/react": "^18.3.23",
-    "@types/react-dom": "^18.3.7",
+    "@types/react": "^19.1.8",
+    "@types/react-dom": "^19.1.6",
     "@vitejs/plugin-react": "^4.6.0",
     "@vitest/browser": "^3.2.4",
     "@vitest/coverage-v8": "^3.2.4",
-    "eslint": "^9.30.1",
+    "babel-plugin-react-compiler": "^19.1.0-rc.2",
+    "eslint": "^9.31.0",
     "glob": "^11.0.3",
     "npm-run-all2": "^8.0.4",
-    "playwright": "^1.53.2",
+    "playwright": "^1.54.1",
     "prettier": "^3.6.2",
     "react-dropzone": "^14.3.8",
     "react-toastify": "^11.0.5",
     "remark-gfm": "^4.0.1",
-    "storybook": "^9.0.16",
+    "storybook": "^9.0.17",
     "stylelint": "^16.21.1",
     "tslib": "^2.8.1",
     "typescript": "^5.8.3",
-    "vite": "^7.0.3",
+    "vite": "^7.0.5",
     "vite-plugin-checker": "^0.10.0",
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-lib-inject-css": "^2.2.2",
@@ -84,8 +84,8 @@
     "@mui/x-data-grid": "*",
     "@tanstack/react-form": "^1.14.1",
     "@tanstack/react-router": "*",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
     "react-dropzone": "^14.3.8",
     "react-toastify": "^11.0.5"
   },

package/dist/chunks/FieldError.B8t3zEhf.js

@@ -1,143 +0,0 @@
-import { jsx as t, jsxs as c } from "react/jsx-runtime";
-import { createFormHookContexts as q, createFormHook as A } from "@tanstack/react-form";
-import { AoaNotification as i } from "../components/atoms/notification/Notification.js";
-import { Dialog as v, DialogTitle as B, DialogContent as w, DialogActions as S } from "@mui/material";
-import { l as j } from "./lodash.CA_K01A9.js";
-import { AoaButton as d } from "../components/atoms/button/Button.js";
-import { AoaModalCloseButton as D } from "../components/molecules/modal-close-button/ModalCloseButton.js";
-function T({ "data-qa": r }) {
-  const a = g();
-  return /* @__PURE__ */ t(a.Subscribe, { selector: (e) => e.errors, children: (e) => {
-    if (e.length) {
-      const o = e.at(0);
-      if (typeof o == "string")
-        return /* @__PURE__ */ t(i, { "data-qa": r ?? "form-error", message: o, severity: "error" });
-      if (o && typeof o == "object") {
-        const s = ["error", "info", "success", "warning"].includes(o.level) ? o.level : "error";
-        return /* @__PURE__ */ t(i, { "data-qa": r ?? "form-error", message: o.message, severity: s });
-      }
-    }
-    return null;
-  } });
-}
-function k({
-  formModalQas: r,
-  formLabels: a,
-  formName: e,
-  DialogProps: o,
-  DialogTitleProps: s,
-  DialogContentProps: u,
-  AoaSubmitButtonProps: { disableWithFormState: x, ...f } = {},
-  modalQas: m,
-  open: h,
-  topic: y,
-  dialogContent: C,
-  closeAction: p
-}) {
-  const l = g(), F = x ? /* @__PURE__ */ t(l.Subscribe, { selector: (n) => [n.isSubmitting, n.canSubmit], children: ([n, b]) => /* @__PURE__ */ t(
-    d,
-    {
-      ...f,
-      "aria-disabled": n || !b,
-      buttonType: "submit",
-      "data-qa": r?.submitButton ?? "submit-form",
-      disabled: n || !b,
-      type: "primary",
-      children: a.submit
-    }
-  ) }) : /* @__PURE__ */ t(
-    d,
-    {
-      ...f,
-      buttonType: "submit",
-      "data-qa": r?.submitButton ?? "submit-form",
-      type: "primary",
-      children: a.submit
-    }
-  );
-  return /* @__PURE__ */ c(v, { ...o, "data-qa": m?.modal ?? "modal", open: !!h, children: [
-    /* @__PURE__ */ t(B, { ...s, "data-qa": m?.title ?? "modal-title", maxWidth: "sm", sx: { m: 0, p: 2 }, children: y }),
-    /* @__PURE__ */ t(D, { closeAction: p }),
-    /* @__PURE__ */ c(
-      "form",
-      {
-        "data-qa": r?.form ?? "form",
-        name: e,
-        onSubmit: async (n) => {
-          n.preventDefault(), n.stopPropagation(), await l.handleSubmit();
-        },
-        children: [
-          /* @__PURE__ */ t(
-            w,
-            {
-              ...u,
-              "data-qa": m?.content ?? "modal-content",
-              sx: j.merge(
-                {
-                  padding: "0 3rem 2rem"
-                },
-                u?.sx
-              ),
-              children: C
-            }
-          ),
-          /* @__PURE__ */ c(S, { "data-qa": r?.dialogActions ?? "dialog-actions", children: [
-            /* @__PURE__ */ t(
-              d,
-              {
-                "data-qa": r?.cancelButton ?? "cancel-form",
-                onClick: () => {
-                  l.reset(), p();
-                },
-                type: "secondary",
-                children: a.cancel
-              }
-            ),
-            F
-          ] })
-        ]
-      }
-    )
-  ] });
-}
-const {
-  fieldContext: E,
-  formContext: H,
-  useFieldContext: N,
-  useFormContext: g
-} = q(), { useAppForm: P, withForm: R } = A({
-  fieldContext: E,
-  formContext: H,
-  fieldComponents: {
-    AoaFieldError: W
-  },
-  formComponents: {
-    AoaFormModal: k,
-    AoaFormError: T
-  }
-});
-function W({ "data-qa": r }) {
-  const a = N();
-  if (a.state.meta.isTouched && a.state.meta.errors.length) {
-    const e = a.state.meta.errors.at(0);
-    if (typeof e == "string")
-      return /* @__PURE__ */ t(i, { "data-qa": r ?? "field-error", message: e, severity: "error" });
-    if (e && typeof e == "object") {
-      const o = ["error", "info", "success", "warning"].includes(e.level) ? e.level : "error";
-      return /* @__PURE__ */ t(i, { "data-qa": r ?? "field-error", message: e.message, severity: o });
-    }
-  }
-  return null;
-}
-export {
-  W as A,
-  T as a,
-  k as b,
-  E as c,
-  H as d,
-  N as e,
-  g as f,
-  P as u,
-  R as w
-};
-//# sourceMappingURL=FieldError.B8t3zEhf.js.map