@rws-aoa/react-library 5.1.1 → 6.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rws-aoa/react-library",
-  "version": "5.1.1",
+  "version": "6.0.0",
   "description": "RWS AOA Design System",
   "author": "@rws-aoa",
   "license": "Apache-2.0",
@@ -25,67 +25,63 @@
   },
   "dependencies": {
     "@emotion/react": "^11.14.0",
-    "@emotion/styled": "^11.14.0",
-    "@mui/icons-material": "^6.4.8",
-    "@mui/material": "^6.4.8",
-    "@tanstack/react-router": "^1.117.1",
+    "@emotion/styled": "^11.14.1",
+    "@mui/icons-material": "^7.2.0",
+    "@mui/material": "^7.2.0",
+    "@tanstack/react-router": "^1.125.6",
     "clsx": "^2.1.1",
     "lodash": "^4.17.21",
     "react": "^18.3.1",
-    "react-dom": "^18.3.1"
+    "react-dom": "^18.3.1",
+    "react-is": "^18.3.1"
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "^3.2.6",
+    "@chromatic-com/storybook": "^4.0.1",
     "@favware/cliff-jumper": "^6.0.0",
     "@fontsource/material-icons": "^5.2.5",
-    "@fontsource/roboto": "^5.2.5",
-    "@mui/system": "^6.4.8",
-    "@mui/x-data-grid": "^7.28.1",
-    "@mui/x-data-grid-generator": "^7.28.1",
-    "@storybook/addon-a11y": "^8.6.12",
+    "@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",
     "@storybook/addon-console": "^3.0.0",
-    "@storybook/addon-essentials": "^8.6.12",
-    "@storybook/addon-onboarding": "^8.6.12",
-    "@storybook/addon-themes": "^8.6.12",
-    "@storybook/blocks": "^8.6.12",
-    "@storybook/experimental-addon-test": "^8.6.12",
-    "@storybook/manager-api": "^8.6.12",
-    "@storybook/react": "^8.6.12",
-    "@storybook/react-vite": "^8.6.12",
-    "@storybook/test": "^8.6.12",
-    "@storybook/theming": "^8.6.12",
-    "@tanstack/react-form": "1.6.3",
-    "@types/lodash": "^4.17.16",
+    "@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",
+    "@tanstack/react-form": "1.14.1",
+    "@types/lodash": "^4.17.20",
     "@types/lodash.merge": "^4.6.9",
-    "@types/react": "^18.3.20",
-    "@types/react-dom": "^18.3.6",
-    "@vitejs/plugin-react": "^4.4.1",
-    "@vitest/browser": "^3.1.2",
-    "@vitest/coverage-v8": "^3.1.2",
-    "eslint": "^9.25.1",
-    "glob": "^11.0.2",
-    "npm-run-all2": "^7.0.2",
-    "playwright": "^1.52.0",
-    "prettier": "^3.5.3",
+    "@types/react": "^18.3.23",
+    "@types/react-dom": "^18.3.7",
+    "@vitejs/plugin-react": "^4.6.0",
+    "@vitest/browser": "^3.2.4",
+    "@vitest/coverage-v8": "^3.2.4",
+    "eslint": "^9.30.1",
+    "glob": "^11.0.3",
+    "npm-run-all2": "^8.0.4",
+    "playwright": "^1.53.2",
+    "prettier": "^3.6.2",
     "react-dropzone": "^14.3.8",
     "react-toastify": "^11.0.5",
     "remark-gfm": "^4.0.1",
-    "storybook": "^8.6.12",
-    "stylelint": "^16.19.0",
+    "storybook": "^9.0.16",
+    "stylelint": "^16.21.1",
     "tslib": "^2.8.1",
     "typescript": "^5.8.3",
-    "vite": "^6.3.3",
-    "vite-plugin-checker": "^0.9.1",
-    "vite-plugin-dts": "^4.5.3",
+    "vite": "^7.0.3",
+    "vite-plugin-checker": "^0.10.0",
+    "vite-plugin-dts": "^4.5.4",
     "vite-plugin-lib-inject-css": "^2.2.2",
-    "vitest": "^3.1.2"
+    "vitest": "^3.2.4"
   },
   "peerDependencies": {
     "@emotion/react": "^11.x",
     "@emotion/styled": "^11.x",
-    "@mui/icons-material": "^5.x",
-    "@mui/material": "^6.x",
-    "@mui/x-data-grid": "^6.x",
+    "@mui/icons-material": "^7.x",
+    "@mui/material": "^7.x",
+    "@mui/x-data-grid": "*",
     "@tanstack/react-form": "^1.x",
     "@tanstack/react-router": "*",
     "react": "^18.x",
@@ -93,11 +89,6 @@
     "react-dropzone": "^14.x",
     "react-toastify": "^11.x"
   },
-  "peerDependenciesMeta": {
-    "@mui/x-data-grid": {
-      "optional": true
-    }
-  },
   "publishConfig": {
     "access": "public"
   },

package/dist/chunks/FieldError.DAUtZvvC.js

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