@xyo-network/os-react-runtime 7.1.0 → 7.2.0

package/dist/browser/index.mjs

@@ -705,13 +705,13 @@ import {
 } from "@xyo-network/os-model";
 var DappInstallTypeFilters = {
   installed(registeredDappSets) {
-    return registeredDappSets && registeredDappSets?.length > 0 ? registeredDappSets?.filter(isInstalledDappSet).sort((a2, b) => a2.dapp.config.name.toUpperCase() < b.dapp.config.name.toUpperCase() ? -1 : 1) : void 0;
+    return registeredDappSets && registeredDappSets?.length > 0 ? registeredDappSets?.filter(isInstalledDappSet).toSorted((a2, b) => a2.dapp.config.name.toUpperCase() < b.dapp.config.name.toUpperCase() ? -1 : 1) : void 0;
   },
   preInstalled(registeredDappSets) {
-    return registeredDappSets && registeredDappSets?.length > 0 ? registeredDappSets?.filter(isPreInstalledDappSet).sort((a2, b) => a2.dapp.config.name.toUpperCase() < b.dapp.config.name.toUpperCase() ? -1 : 1) : void 0;
+    return registeredDappSets && registeredDappSets?.length > 0 ? registeredDappSets?.filter(isPreInstalledDappSet).toSorted((a2, b) => a2.dapp.config.name.toUpperCase() < b.dapp.config.name.toUpperCase() ? -1 : 1) : void 0;
   },
   uninstalled(registeredDappSets) {
-    return registeredDappSets && registeredDappSets?.length > 0 ? registeredDappSets.filter(isUnInstalledDappSet).sort((a2, b) => a2.dapp.config.name.toUpperCase() < b.dapp.config.name.toUpperCase() ? -1 : 1) : void 0;
+    return registeredDappSets && registeredDappSets?.length > 0 ? registeredDappSets.filter(isUnInstalledDappSet).toSorted((a2, b) => a2.dapp.config.name.toUpperCase() < b.dapp.config.name.toUpperCase() ? -1 : 1) : void 0;
   }
 };
 
@@ -3635,13 +3635,10 @@ import { FlexCol as FlexCol13, FlexGrowRow as FlexGrowRow5 } from "@xylabs/react
 import { jsx as jsx37, jsxs as jsxs19 } from "react/jsx-runtime";
 var TwoToneBulletPointList = ({ list }) => {
   return /* @__PURE__ */ jsx37(FlexCol13, { alignItems: "flex-start", gap: 1, children: list.map((item, index) => {
-    return (
-      // eslint-disable-next-line @eslint-react/no-array-index-key
-      /* @__PURE__ */ jsxs19(FlexGrowRow5, { alignItems: "flex-start", justifyContent: "flex-start", gap: 1, children: [
-        /* @__PURE__ */ jsx37(TwoToneBulletPoint, { marginTop: "4px" }),
-        item
-      ] }, index + "bulletPointList")
-    );
+    return /* @__PURE__ */ jsxs19(FlexGrowRow5, { alignItems: "flex-start", justifyContent: "flex-start", gap: 1, children: [
+      /* @__PURE__ */ jsx37(TwoToneBulletPoint, { marginTop: "4px" }),
+      item
+    ] }, index + "bulletPointList");
   }) });
 };
 
@@ -3758,38 +3755,35 @@ import { FlexGrowCol as FlexGrowCol4, FlexGrowRow as FlexGrowRow6 } from "@xylab
 import { jsx as jsx41, jsxs as jsxs20 } from "react/jsx-runtime";
 var AccountCard = ({ items, ...props }) => {
   return /* @__PURE__ */ jsx41(Card4, { ...props, children: /* @__PURE__ */ jsx41(CardContent3, { children: /* @__PURE__ */ jsx41(FlexGrowCol4, { width: "100%", gap: 2, children: items.map((item, index) => {
-    return (
-      // eslint-disable-next-line @eslint-react/no-array-index-key
-      /* @__PURE__ */ jsxs20(FlexGrowCol4, { gap: 2, width: "100%", alignItems: "stretch", children: [
-        /* @__PURE__ */ jsxs20(
-          FlexGrowRow6,
-          {
-            sx: {
-              alignItems: "stretch",
-              flexDirection: { md: "row", xs: "column" },
-              justifyContent: "space-between"
-            },
-            gap: 2,
-            children: [
-              /* @__PURE__ */ jsxs20(
-                FlexGrowCol4,
-                {
-                  alignItems: "flex-start",
-                  width: "100%",
-                  sx: { maxWidth: { md: "40%", xs: "100%" } },
-                  children: [
-                    /* @__PURE__ */ jsx41(Typography10, { variant: "h5", gutterBottom: true, children: item.title }),
-                    /* @__PURE__ */ jsx41(Typography10, { variant: "body1", gutterBottom: true, children: item.desc })
-                  ]
-                }
-              ),
-              item?.component
-            ]
-          }
-        ),
-        items.length === 1 || index === items.length - 1 ? null : /* @__PURE__ */ jsx41(Divider5, { flexItem: true })
-      ] }, index)
-    );
+    return /* @__PURE__ */ jsxs20(FlexGrowCol4, { gap: 2, width: "100%", alignItems: "stretch", children: [
+      /* @__PURE__ */ jsxs20(
+        FlexGrowRow6,
+        {
+          sx: {
+            alignItems: "stretch",
+            flexDirection: { md: "row", xs: "column" },
+            justifyContent: "space-between"
+          },
+          gap: 2,
+          children: [
+            /* @__PURE__ */ jsxs20(
+              FlexGrowCol4,
+              {
+                alignItems: "flex-start",
+                width: "100%",
+                sx: { maxWidth: { md: "40%", xs: "100%" } },
+                children: [
+                  /* @__PURE__ */ jsx41(Typography10, { variant: "h5", gutterBottom: true, children: item.title }),
+                  /* @__PURE__ */ jsx41(Typography10, { variant: "body1", gutterBottom: true, children: item.desc })
+                ]
+              }
+            ),
+            item?.component
+          ]
+        }
+      ),
+      items.length === 1 || index === items.length - 1 ? null : /* @__PURE__ */ jsx41(Divider5, { flexItem: true })
+    ] }, index);
   }) }) }) });
 };
 
@@ -4099,7 +4093,7 @@ var sampleData = [
   { name: "Japan", value: 421 }
 ];
 var HorizontalBarGraph = ({ items = sampleData, ...props }) => {
-  const itemsSortedByValue = items.sort(function(a2, b) {
+  const itemsSortedByValue = items.toSorted(function(a2, b) {
     const keyA = a2.value, keyB = b.value;
     if (keyA > keyB) return -1;
     if (keyA < keyB) return 1;
@@ -4107,16 +4101,13 @@ var HorizontalBarGraph = ({ items = sampleData, ...props }) => {
   });
   console.log(itemsSortedByValue);
   const topValue = itemsSortedByValue[0].value;
-  return /* @__PURE__ */ jsx47(FlexCol15, { alignItems: "stretch", gap: 0.5, ...props, children: items.slice(0, 5).map((item, index) => (
-    // eslint-disable-next-line @eslint-react/no-array-index-key
-    /* @__PURE__ */ jsxs25(FlexCol15, { alignItems: "stretch", children: [
-      /* @__PURE__ */ jsxs25(FlexGrowRow8, { justifyContent: "space-between", children: [
-        /* @__PURE__ */ jsx47(Typography12, { variant: "caption", maxWidth: "50%", noWrap: true, children: item.name }),
-        /* @__PURE__ */ jsx47(Typography12, { variant: "caption", maxWidth: "50%", children: item.value })
-      ] }),
-      /* @__PURE__ */ jsx47(StyledLinearProgress, { color: "primary", value: item.value / (topValue * 1.25) * 100, variant: "determinate" })
-    ] }, index)
-  )) });
+  return /* @__PURE__ */ jsx47(FlexCol15, { alignItems: "stretch", gap: 0.5, ...props, children: items.slice(0, 5).map((item, index) => /* @__PURE__ */ jsxs25(FlexCol15, { alignItems: "stretch", children: [
+    /* @__PURE__ */ jsxs25(FlexGrowRow8, { justifyContent: "space-between", children: [
+      /* @__PURE__ */ jsx47(Typography12, { variant: "caption", maxWidth: "50%", noWrap: true, children: item.name }),
+      /* @__PURE__ */ jsx47(Typography12, { variant: "caption", maxWidth: "50%", children: item.value })
+    ] }),
+    /* @__PURE__ */ jsx47(StyledLinearProgress, { color: "primary", value: item.value / (topValue * 1.25) * 100, variant: "determinate" })
+  ] }, index)) });
 };
 
 // src/modules/widgets/Types/DataColumns/TwoColTwoStat.tsx
@@ -4135,13 +4126,10 @@ var TwoColTwoStat = ({ items, ...props }) => {
   useEffect19(() => {
     validateProps(items);
   }, [items]);
-  return /* @__PURE__ */ jsx48(FlexGrowRow9, { gap: 2, ...props, children: items.map((item, index) => (
-    // eslint-disable-next-line @eslint-react/no-array-index-key
-    /* @__PURE__ */ jsxs26(FlexCol16, { flexGrow: 1, alignItems: "start", children: [
-      /* @__PURE__ */ jsx48(Typography13, { variant: "h2", fontWeight: theme.typography.fontWeightMedium, children: item.rawInsightValue }),
-      /* @__PURE__ */ jsx48(Typography13, { variant: "body2", children: item.subtitle })
-    ] }, `stat-${index}-${item.unit}`)
-  )) });
+  return /* @__PURE__ */ jsx48(FlexGrowRow9, { gap: 2, ...props, children: items.map((item, index) => /* @__PURE__ */ jsxs26(FlexCol16, { flexGrow: 1, alignItems: "start", children: [
+    /* @__PURE__ */ jsx48(Typography13, { variant: "h2", fontWeight: theme.typography.fontWeightMedium, children: item.rawInsightValue }),
+    /* @__PURE__ */ jsx48(Typography13, { variant: "body2", children: item.subtitle })
+  ] }, `stat-${index}-${item.unit}`)) });
 };
 
 // src/modules/widgets/Types/Examples/BarGraph.tsx