@mx-cartographer/experiences 8.2.3 → 8.2.4-alpha-ram1-bug-testing

package/dist/{useScreenSize-CeFhWTt_.mjs → useScreenSize-mWpmnh5w.mjs}

@@ -1,4 +1,4 @@
-import k from "@mui/material/styles/useTheme";
+import { useTheme as k } from "@mui/material/styles";
 import o from "@mui/material/useMediaQuery";
 const l = (s) => {
   const e = k(), { xs: n, sm: r, md: p, lg: t, xl: i } = e.breakpoints.values;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mx-cartographer/experiences",
-  "version": "8.2.3",
+  "version": "8.2.4-alpha-ram1-bug-testing",
   "description": "Library containing experience widgets",
   "author": "MX",
   "license": "MIT",
@@ -191,16 +191,16 @@
   "dependencies": {
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
-    "@mui/lab": "^5.0.0-alpha.177",
-    "@mui/material": "^5.18.0",
-    "@mui/system": "^5.18.0",
+    "@mui/lab": "^7",
+    "@mui/material": "7.3.11",
+    "@mui/system": "7.3.11",
     "@mui/x-charts": "^8.28.2",
     "@mui/x-data-grid-pro": "^7.29.12",
     "@mui/x-date-pickers": "^7.29.4",
     "@mui/x-date-pickers-pro": "^7.29.4",
     "@mxenabled/cssinjs": "^0.6.0",
-    "@mxenabled/mx-icons": "^1.8.0",
-    "@mxenabled/mxui": "^1.5.16",
+    "@mxenabled/mx-icons": "^2",
+    "@mxenabled/mxui": "2.5.3",
     "@mxenabled/web-widget-sdk": "^0.0.15",
     "@tanstack/react-virtual": "^3.13.24",
     "bowser": "^2.14.1",
@@ -210,24 +210,24 @@
     "mobx-react-lite": "^4.1.1",
     "numeral": "^2.0.6",
     "posthog-js": "^1.370.1",
-    "react": "^18.3.1",
+    "react": "^19",
     "react-confetti": "^6.4.0",
-    "react-dom": "^18.3.1",
+    "react-dom": "^19",
     "react-intersection-observer": "^10.0.3",
     "uuid": "^14.0.0"
   },
   "devDependencies": {
     "@babel/core": "^7.26.10",
     "@babel/eslint-parser": "^7.26.10",
-    "@storybook/addon-a11y": "^8.6.4",
-    "@storybook/addon-essentials": "^8.6.4",
-    "@storybook/addon-interactions": "^8.6.4",
-    "@storybook/addon-links": "^8.6.4",
-    "@storybook/blocks": "^8.6.4",
-    "@storybook/react": "^8.6.4",
-    "@storybook/react-vite": "^8.6.4",
-    "@storybook/test": "^8.6.4",
-    "@storybook/theming": "^8.6.4",
+    "@storybook/addon-a11y": "^8.6.18",
+    "@storybook/addon-essentials": "^8.6.18",
+    "@storybook/addon-interactions": "^8.6.18",
+    "@storybook/addon-links": "^8.6.18",
+    "@storybook/blocks": "^8.6.18",
+    "@storybook/react": "^8.6.18",
+    "@storybook/react-vite": "^8.6.18",
+    "@storybook/test": "^8.6.18",
+    "@storybook/theming": "^8.6.18",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.2.0",
@@ -237,8 +237,8 @@
     "@types/jest": "^29.5.14",
     "@types/numeral": "^2.0.5",
     "@types/prop-types": "^15.7.14",
-    "@types/react": "^18.3.18",
-    "@types/react-dom": "^18.3.5",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
     "@types/uuid": "^10.0.0",
     "@typescript-eslint/eslint-plugin": "^7.16.0",
     "@typescript-eslint/parser": "^7.16.0",
@@ -274,19 +274,25 @@
     "vitest": "^3.2.4"
   },
   "peerDependencies": {
-    "@mui/material": "^5",
-    "@mxenabled/mxui": "^1",
+    "@mui/material": "^7",
+    "@mxenabled/mxui": "^2",
     "d3": "^7",
     "date-fns": "^3",
     "mobx": "^6",
     "mobx-react-lite": "^4",
-    "react": "^18",
-    "react-dom": "^18"
+    "react": "^19",
+    "react-dom": "^19"
   },
   "files": [
     "dist",
     "CHANGELOG.md",
     "README.md"
   ],
+  "resolutions": {
+    "react": "^19",
+    "react-dom": "^19",
+    "@types/react": "^19",
+    "@types/react-dom": "^19"
+  },
   "packageManager": "yarn@4.14.1"
 }

package/dist/SearchBox-CwDgvWVJ.mjs

@@ -1,48 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-import { observer as s } from "mobx-react-lite";
-import m from "@mui/material/Box";
-import p from "@mui/material/IconButton";
-import t from "@mui/material/InputAdornment";
-import { TextField as d, Icon as n } from "@mxenabled/mxui";
-const x = ({
-  ariaLabel: c = "Search",
-  cancelAriaLabel: a = "Cancel Search",
-  onChange: e,
-  placeholder: i = "Search",
-  searchValue: r
-}) => /* @__PURE__ */ o(m, { className: "mx-cmn-search-box", px: 24, py: 16, children: /* @__PURE__ */ o(
-  d,
-  {
-    InputProps: {
-      startAdornment: /* @__PURE__ */ o(t, { position: "start", children: /* @__PURE__ */ o(n, { name: "search", size: 26, sx: { color: "action.active" } }) }),
-      endAdornment: /* @__PURE__ */ o(t, { position: "end", sx: { p: 0 }, children: r ? /* @__PURE__ */ o(
-        p,
-        {
-          "aria-label": a,
-          className: "mx-cat-cancel-search-button",
-          color: "primary",
-          onClick: () => e(""),
-          children: /* @__PURE__ */ o(n, { name: "cancel", size: 24 })
-        }
-      ) : null }),
-      sx: {
-        "& .MuiOutlinedInput-notchedOutline": {
-          borderColor: "text.secondary",
-          opacity: 0.5
-        },
-        "& input::placeholder": { color: "text.secondary", opacity: 1 }
-      }
-    },
-    "aria-label": c,
-    name: "search",
-    onChange: (l) => e(l.target.value),
-    placeholder: i,
-    sx: {
-      width: "100%"
-    },
-    value: r
-  }
-) }), I = s(x);
-export {
-  I as S
-};

package/dist/Select-BZRUpOib.mjs

@@ -1,51 +0,0 @@
-import { jsx as r, jsxs as m, Fragment as d } from "react/jsx-runtime";
-import p from "@mui/material/Avatar";
-import s from "@mui/material/ListItem";
-import c from "@mui/material/ListItemAvatar";
-import h from "@mui/material/ListItemButton";
-import u from "@mui/material/ListItemIcon";
-import f from "@mui/material/ListItemText";
-import { Icon as l } from "@mxenabled/mxui";
-import g from "@mui/material/MenuItem";
-import x from "@mui/material/TextField";
-import { ExpandMore as y } from "@mxenabled/mx-icons";
-const D = ({ iconName: a, label: n, onClick: t, value: i }) => {
-  const o = /* @__PURE__ */ m(d, { children: [
-    /* @__PURE__ */ r(c, { children: /* @__PURE__ */ r(p, { sx: { bgcolor: "neutral.light" }, variant: "rounded", children: /* @__PURE__ */ r(l, { name: a, sx: { color: "text.primary" } }) }) }),
-    /* @__PURE__ */ r(
-      f,
-      {
-        primary: n,
-        primaryTypographyProps: { variant: "caption" },
-        secondary: i,
-        secondaryTypographyProps: { color: "text.default", variant: "body1", fontWeight: 600 }
-      }
-    )
-  ] });
-  return t ? /* @__PURE__ */ r(s, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ m(h, { onClick: t, children: [
-    o,
-    /* @__PURE__ */ r(u, { children: /* @__PURE__ */ r(l, { name: "chevron_right", size: 24 }) })
-  ] }) }) : /* @__PURE__ */ r(s, { disableGutters: !1, disablePadding: !1, children: o });
-}, F = ({ label: a, onChange: n, options: t, value: i, ...o }) => /* @__PURE__ */ r(
-  x,
-  {
-    InputLabelProps: { shrink: !0 },
-    SelectProps: {
-      IconComponent: (e) => /* @__PURE__ */ r(y, { size: 20, sx: { mr: 4 }, ...e })
-    },
-    defaultValue: 0,
-    label: a,
-    onChange: (e) => {
-      n(Number(e.target.value));
-    },
-    select: !0,
-    value: i,
-    variant: "outlined",
-    ...o,
-    children: t.map((e) => /* @__PURE__ */ r(g, { value: e.id, children: e.label }, e.id))
-  }
-);
-export {
-  D,
-  F as S
-};