@xyo-network/os-react-runtime 4.2.0-rc.12 → 4.2.0-rc.13

package/dist/browser/DappPathSwitcher.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DappPathSwitcher.d.ts","sourceRoot":"","sources":["../../src/DappPathSwitcher.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAkB,MAAM,OAAO,CAAA;AAEtC,MAAM,WAAW,eAAe,CAAC,SAAS,SAAS,MAAM,GAAG,MAAM;IAChE,SAAS,EAAE,SAAS,CAAA;IACpB,IAAI,EAAE,SAAS,CAAA;CAChB;AAED,MAAM,WAAW,qBAAqB;IACpC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,eAAe,CAAC,EAAE,eAAe,EAAE,CAAA;CACpC;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA2C5D,CAAA"}
+{"version":3,"file":"DappPathSwitcher.d.ts","sourceRoot":"","sources":["../../src/DappPathSwitcher.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,WAAW,eAAe,CAAC,SAAS,SAAS,MAAM,GAAG,MAAM;IAChE,SAAS,EAAE,SAAS,CAAA;IACpB,IAAI,EAAE,SAAS,CAAA;CAChB;AAED,MAAM,WAAW,qBAAqB;IACpC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,eAAe,CAAC,EAAE,eAAe,EAAE,CAAA;CACpC;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAyC5D,CAAA"}

package/dist/browser/index.mjs

@@ -4005,7 +4005,7 @@ var WidgetCardExamples = /* @__PURE__ */ __name(() => {
 // src/DappPathSwitcher.tsx
 import { animated as animated3, useTransition } from "@react-spring/web";
 import { ErrorRender as ErrorRender4 } from "@xylabs/react-error";
-import React42, { useMemo as useMemo18 } from "react";
+import React42 from "react";
 var DappPathSwitcher = /* @__PURE__ */ __name(({ activePath, pathToComponent }) => {
   const transitions = useTransition(activePath, {
     enter: {
@@ -4023,18 +4023,7 @@ var DappPathSwitcher = /* @__PURE__ */ __name(({ activePath, pathToComponent })
   });
   const possibleZIndex = pathToComponent?.findIndex((item) => item.path === activePath);
   const zIndex = possibleZIndex !== -1 && possibleZIndex !== void 0 ? possibleZIndex : 1;
-  const activeComponent = useMemo18(() => {
-    const activeIndex = pathToComponent?.findIndex(({ path: componentPath }) => activePath === componentPath);
-    const activeItem = pathToComponent && activeIndex !== -1 && activeIndex !== void 0 ? pathToComponent[activeIndex] : void 0;
-    return activeItem ? activeItem.component : /* @__PURE__ */ React42.createElement(ErrorRender4, {
-      error: new Error(`No component found for path: ${activePath}`),
-      scope: "DappPathSwitcher"
-    });
-  }, [
-    activePath,
-    pathToComponent
-  ]);
-  return /* @__PURE__ */ React42.createElement(React42.Fragment, null, transitions((transitionProps) => /* @__PURE__ */ React42.createElement(animated3.div, {
+  return /* @__PURE__ */ React42.createElement(React42.Fragment, null, transitions((transitionProps, activePathRef) => /* @__PURE__ */ React42.createElement(animated3.div, {
     style: {
       ...transitionProps,
       alignItems: "stretch",
@@ -4050,7 +4039,14 @@ var DappPathSwitcher = /* @__PURE__ */ __name(({ activePath, pathToComponent })
       top: 0,
       zIndex
     }
-  }, activeComponent)));
+  }, (() => {
+    const activeIndex = pathToComponent?.findIndex(({ path: componentPath }) => activePathRef === componentPath);
+    const activeItem = pathToComponent && activeIndex !== -1 && activeIndex !== void 0 ? pathToComponent[activeIndex] : void 0;
+    return activeItem ? activeItem.component : /* @__PURE__ */ React42.createElement(ErrorRender4, {
+      error: new Error(`No component found for path: ${activePathRef}`),
+      scope: "DappPathSwitcher"
+    });
+  })())));
 }, "DappPathSwitcher");
 
 // src/dapps/shared/accounts/components/AnimatedComponents/GenericAnimations/ShiftAnimation.tsx
@@ -4420,10 +4416,10 @@ import React52 from "react";
 
 // src/dapps/shared/table/head/hooks/useVisibleColumns.tsx
 import { useMediaQuery as useMediaQuery2 } from "@mui/material";
-import { useMemo as useMemo19 } from "react";
+import { useMemo as useMemo18 } from "react";
 var useVisibleColumns = /* @__PURE__ */ __name((tableHeadCells) => {
   const isMedium = useMediaQuery2((theme) => theme.breakpoints.down("lg"));
-  const VisibleTableCells = useMemo19(() => {
+  const VisibleTableCells = useMemo18(() => {
     return isMedium ? tableHeadCells.filter((cell) => cell.showOnMobile) : tableHeadCells;
   }, [
     isMedium,
@@ -4502,7 +4498,7 @@ var NextIteratorFlexbox = /* @__PURE__ */ __name(({ next: changePage, loading, .
 
 // src/settings/Theme/ThemeProvider.tsx
 import { InvertibleMuiThemeProvider } from "@xylabs/react-invertible-theme";
-import React54, { useMemo as useMemo20 } from "react";
+import React54, { useMemo as useMemo19 } from "react";
 
 // src/settings/Theme/ThemeCssVars.ts
 import { alpha as alpha9, createTheme, darken as darken2, lighten } from "@mui/material";
@@ -4797,7 +4793,7 @@ var ThemeCssVars = createTheme({
 
 // src/settings/Theme/ThemeProvider.tsx
 var AppOsThemeProvider = /* @__PURE__ */ __name(({ children }) => {
-  const initialValue = useMemo20(() => {
+  const initialValue = useMemo19(() => {
     const validValues = [
       "light",
       "dark"