@xyo-network/react-os 7.5.8 → 7.5.11

package/dist/browser/components/Profile/Profile.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Profile.d.ts","sourceRoot":"","sources":["../../../../src/components/Profile/Profile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAM/C,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,MAAM,WAAW,gBAAiB,SAAQ,UAAU;IAClD,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;CACZ;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAkElD,CAAA"}
+{"version":3,"file":"Profile.d.ts","sourceRoot":"","sources":["../../../../src/components/Profile/Profile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAM/C,OAAO,KAAmB,MAAM,OAAO,CAAA;AAGvC,MAAM,WAAW,gBAAiB,SAAQ,UAAU;IAClD,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;CACZ;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAmElD,CAAA"}

package/dist/browser/components/XyOsClock/XyOsClock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"XyOsClock.d.ts","sourceRoot":"","sources":["../../../../src/components/XyOsClock/XyOsClock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAK7C,OAAO,KAA8B,MAAM,OAAO,CAAA;AAElD,UAAU,UAAW,SAAQ,QAAQ;IACnC,IAAI,EAAE,MAAM,CAAA;CACb;AAaD,MAAM,WAAW,cAAc;IAC7B,SAAS,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACvC,SAAS,EAAE,QAAQ,GAAG,QAAQ,CAAA;CAC/B;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA8B9C,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAOjD,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAOlD,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAOjD,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CASjD,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CASlD,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAUjD,CAAA"}
+{"version":3,"file":"XyOsClock.d.ts","sourceRoot":"","sources":["../../../../src/components/XyOsClock/XyOsClock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAI7C,OAAO,KAEN,MAAM,OAAO,CAAA;AAEd,UAAU,UAAW,SAAQ,QAAQ;IACnC,IAAI,EAAE,MAAM,CAAA;CACb;AAED,MAAM,WAAW,cAAc;IAC7B,SAAS,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACvC,SAAS,EAAE,QAAQ,GAAG,QAAQ,CAAA;CAC/B;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAyB9C,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAOjD,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAOlD,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAOjD,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CASjD,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CASlD,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAUjD,CAAA"}

package/dist/browser/index.mjs

@@ -1,12 +1,9 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-
 // src/components/TestComponent.tsx
 import { FlexRow } from "@xylabs/react-flexbox";
-import React from "react";
-var TestComponent = /* @__PURE__ */ __name(({ children, ...props }) => {
-  return /* @__PURE__ */ React.createElement(FlexRow, props, children);
-}, "TestComponent");
+import { jsx } from "react/jsx-runtime";
+var TestComponent = ({ children, ...props }) => {
+  return /* @__PURE__ */ jsx(FlexRow, { ...props, children });
+};
 export {
   TestComponent
 };

package/dist/browser/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/TestComponent.tsx"],"sourcesContent":["import { FlexRow } from '@xylabs/react-flexbox'\nimport type { PropsWithChildren } from 'react'\nimport React from 'react'\n\nexport interface TestComponentProps extends PropsWithChildren {}\n\nexport const TestComponent: React.FC<TestComponentProps> = ({ children, ...props }) => {\n  return <FlexRow {...props}>{children}</FlexRow>\n}\n"],"mappings":";;;;AAAA,SAASA,eAAe;AAExB,OAAOC,WAAW;AAIX,IAAMC,gBAA8C,wBAAC,EAAEC,UAAU,GAAGC,MAAAA,MAAO;AAChF,SAAO,sBAAA,cAACC,SAAYD,OAAQD,QAAAA;AAC9B,GAF2D;","names":["FlexRow","React","TestComponent","children","props","FlexRow"]}
+{"version":3,"sources":["../../src/components/TestComponent.tsx"],"sourcesContent":["import { FlexRow } from '@xylabs/react-flexbox'\nimport type { PropsWithChildren } from 'react'\nimport React from 'react'\n\nexport interface TestComponentProps extends PropsWithChildren {}\n\nexport const TestComponent: React.FC<TestComponentProps> = ({ children, ...props }) => {\n  return <FlexRow {...props}>{children}</FlexRow>\n}\n"],"mappings":";AAAA,SAAS,eAAe;AAOf;AADF,IAAM,gBAA8C,CAAC,EAAE,UAAU,GAAG,MAAM,MAAM;AACrF,SAAO,oBAAC,WAAS,GAAG,OAAQ,UAAS;AACvC;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xyo-network/react-os",
-  "version": "7.5.8",
+  "version": "7.5.11",
   "description": "Common React library for all XYO projects that use React",
   "keywords": [
     "xyo",
@@ -36,41 +36,60 @@
     },
     "./package.json": "./package.json"
   },
-  "module": "dist/browser/index.mjs",
-  "types": "dist/browser/index.d.ts",
   "files": [
     "dist",
-    "src"
+    "README.md"
   ],
-  "dependencies": {
-    "@xylabs/react-flexbox": "~7.1.17"
-  },
   "devDependencies": {
-    "@mui/icons-material": "~7.3.9",
-    "@mui/material": "~7.3.9",
-    "@storybook/react-vite": "~10.3.3",
+    "@mui/icons-material": "^7.3.10",
+    "@mui/material": "^7.3.10",
+    "@opentelemetry/api": "^1.9.1",
+    "@opentelemetry/sdk-trace-base": "^2.7.0",
+    "@storybook/react-vite": "~10.3.5",
+    "@types/node": "~25.6.0",
     "@types/react": "^19.2.14",
-    "@xylabs/ts-scripts-common": "~7.5.6",
-    "@xylabs/ts-scripts-yarn3": "~7.5.6",
-    "@xylabs/tsconfig": "~7.5.6",
-    "@xylabs/tsconfig-dom": "~7.5.6",
-    "@xylabs/tsconfig-react": "~7.5.6",
+    "@xylabs/react-async-effect": "~7.1.20",
+    "@xylabs/react-flexbox": "~7.1.20",
+    "@xylabs/react-promise": "~7.1.20",
+    "@xylabs/toolchain": "~7.11.9",
+    "@xylabs/tsconfig": "^7.11.9",
+    "@xylabs/tsconfig-dom": "^7.11.9",
+    "@xylabs/tsconfig-react": "~7.11.9",
+    "async-mutex": "^0.5.0",
+    "axios": "^1.15.2",
+    "bn.js": "^5.2.3",
+    "buffer": "^6.0.3",
+    "chalk": "^5.6.2",
     "date-fns": "~4.1.0",
-    "react": "^19.2.4",
-    "react-dom": "^19.2.4",
-    "react-router-dom": "^7.13.2",
-    "storybook": "~10.3.3",
+    "esbuild": "~0.28.0",
+    "eslint": "^10.2.1",
+    "ethers": "^6.16.0",
+    "pako": "^2.1.0",
+    "react": "^19.2.5",
+    "react-dom": "^19.2.5",
+    "react-router-dom": "^7.14.2",
+    "storybook": "^10.3.5",
     "typescript": "^5.9.3",
-    "vite": "~8.0.3"
+    "vite": "^8.0.10",
+    "zod": "^4.3.6"
   },
   "peerDependencies": {
-    "@mui/icons-material": ">=6 <8",
-    "@mui/material": ">=6 <8",
-    "react": "^19",
-    "react-dom": "^19"
+    "@mui/material": "^7.3.10",
+    "@opentelemetry/sdk-trace-base": "^2.7.0",
+    "@xylabs/react-async-effect": "~7.1.20",
+    "@xylabs/react-flexbox": "~7.1.20",
+    "async-mutex": "^0.5.0",
+    "bn.js": "^5.2.3",
+    "buffer": "^6.0.3",
+    "chalk": "^5.6.2",
+    "ethers": "^6.16.0",
+    "pako": "^2.1.0",
+    "react": "^19.2.5",
+    "react-dom": "^19.2.5",
+    "zod": "^4.3.6"
   },
   "publishConfig": {
     "access": "public"
   },
   "docs": "dist/docs.json"
-}
+}

package/src/components/Profile/Profile.stories.tsx

@@ -1,27 +0,0 @@
-import type { Meta, StoryFn } from '@storybook/react-vite'
-import React from 'react'
-import { BrowserRouter } from 'react-router-dom'
-
-import { XyOsProfile } from './Profile.tsx'
-const StorybookEntry = {
-  argTypes: {},
-  component: XyOsProfile,
-  parameters: { docs: { page: null } },
-  title: 'shared/XyOsProfile',
-} as Meta<typeof XyOsProfile>
-
-const Template: StoryFn<typeof XyOsProfile> = args => (
-  <BrowserRouter>
-    <XyOsProfile {...args}></XyOsProfile>
-  </BrowserRouter>
-)
-
-const Default = Template.bind({})
-Default.args = { xns: '@arietrouw' }
-
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-ignore
-
-export { Default }
-
-export default StorybookEntry

package/src/components/Profile/Profile.tsx

@@ -1,81 +0,0 @@
-import type { PaperProps } from '@mui/material'
-import {
-  Avatar, Divider, Paper, Typography, useTheme,
-} from '@mui/material'
-import { FlexGrowCol, FlexGrowRow } from '@xylabs/react-flexbox'
-import { format, subHours } from 'date-fns'
-import React from 'react'
-
-import { StatsModal } from './StatsModal.tsx'
-export interface XyOsProfileProps extends PaperProps {
-  pfp: string
-  xns: string
-}
-
-export const XyOsProfile: React.FC<XyOsProfileProps> = ({ xns }) => {
-  const theme = useTheme()
-  return (
-    <FlexGrowCol gap={1} alignItems="flex-start">
-      <FlexGrowRow gap={1}>
-        <Avatar
-          alt={xns}
-          src="https://arietrouw.com/assets/img/arie.jpg"
-          sx={{ height: 100, width: 100 }}
-        />
-        <FlexGrowCol width="100%" alignItems="flex-start">
-          <Typography variant="h5">{xns}</Typography>
-          <Typography variant="subtitle2">
-            Last Active:
-            {format(subHours(Date.now(), 4), 'pp')}
-          </Typography>
-        </FlexGrowCol>
-      </FlexGrowRow>
-      <Paper sx={{ padding: 1 }}>
-        <FlexGrowRow paddingBottom={1} width="100%" alignItems="center" justifyContent="space-between">
-          <Typography variant="body1" fontWeight="medium">
-            2024 Stats
-          </Typography>
-          <StatsModal />
-        </FlexGrowRow>
-        <FlexGrowRow justifyContent="flex-start" width="100%" gap={1}>
-          <FlexGrowCol alignItems="flex-start">
-            <Typography variant="h5">3,921</Typography>
-            <Typography variant="body2">Bound Witnesses</Typography>
-          </FlexGrowCol>
-          <Divider flexItem orientation="vertical"></Divider>
-          <FlexGrowCol alignItems="flex-start">
-            <Typography variant="h5">30</Typography>
-            <Typography variant="body2">Connected Bridges</Typography>
-          </FlexGrowCol>
-          <Divider flexItem orientation="vertical"></Divider>
-          <FlexGrowCol alignItems="flex-start">
-            <Typography variant="h5">3,921</Typography>
-            <Typography variant="body2">Bound Witnesses</Typography>
-          </FlexGrowCol>
-        </FlexGrowRow>
-      </Paper>
-      <Paper sx={{ padding: 1 }}>
-        <Typography paddingBottom={1} variant="h6">
-          Badges
-        </Typography>
-        <FlexGrowRow justifyContent="flex-start" width="100%" gap={1}>
-          <Avatar sx={{
-            color: theme.vars.palette.primary.main, height: 50, width: 50,
-          }}
-          >
-          </Avatar>
-          <Avatar sx={{
-            color: theme.vars.palette.primary.main, height: 50, width: 50,
-          }}
-          >
-          </Avatar>
-          <Avatar sx={{
-            color: theme.vars.palette.primary.main, height: 50, width: 50,
-          }}
-          >
-          </Avatar>
-        </FlexGrowRow>
-      </Paper>
-    </FlexGrowCol>
-  )
-}

package/src/components/Profile/StatsModal.tsx

@@ -1,48 +0,0 @@
-import { ArrowForwardRounded } from '@mui/icons-material'
-import {
-  Avatar, Backdrop, Box, Fade, IconButton, Modal, Typography,
-} from '@mui/material'
-import { FlexGrowCol } from '@xylabs/react-flexbox'
-import * as React from 'react'
-
-const style = {
-  bgcolor: 'background.paper',
-  boxShadow: 24,
-  p: 4,
-  width: 400,
-}
-
-export const StatsModal: React.FC = () => {
-  const [open, setOpen] = React.useState(false)
-  const handleOpen = () => setOpen(true)
-  const handleClose = () => setOpen(false)
-
-  return (
-    <div>
-      <IconButton size="small" color="primary" onClick={handleOpen}>
-        <ArrowForwardRounded />
-      </IconButton>
-      <Modal
-        aria-labelledby="transition-modal-title"
-        aria-describedby="transition-modal-description"
-        open={open}
-        onClose={handleClose}
-        closeAfterTransition
-        slots={{ backdrop: Backdrop }}
-        slotProps={{ backdrop: { timeout: 500 } }}
-      >
-        <Fade in={open}>
-          <Box sx={style}>
-            <FlexGrowCol alignItems="center">
-              <Avatar sx={{ height: '200px', width: '200px' }}>
-              </Avatar>
-              <Typography id="transition-modal-description" align="center" sx={{ mt: 2 }}>
-                Duis mollis, est non commodo luctus, nisi erat porttitor ligula.
-              </Typography>
-            </FlexGrowCol>
-          </Box>
-        </Fade>
-      </Modal>
-    </div>
-  )
-}

package/src/components/Profile/index.ts

@@ -1 +0,0 @@
-export * from './Profile.tsx'

package/src/components/TestComponent.stories.tsx

@@ -1,16 +0,0 @@
-import type { Meta, StoryFn } from '@storybook/react-vite'
-import React from 'react'
-
-import type { TestComponentProps } from './TestComponent.tsx'
-import { TestComponent } from './TestComponent.tsx'
-
-export default { title: 'modules/os/TestComponent' } as Meta
-
-const Template: StoryFn<React.FC<TestComponentProps>> = (props) => {
-  return <TestComponent {...props} />
-}
-
-const Default = Template.bind({})
-Default.args = {}
-
-export { Default }

package/src/components/TestComponent.tsx

@@ -1,9 +0,0 @@
-import { FlexRow } from '@xylabs/react-flexbox'
-import type { PropsWithChildren } from 'react'
-import React from 'react'
-
-export interface TestComponentProps extends PropsWithChildren {}
-
-export const TestComponent: React.FC<TestComponentProps> = ({ children, ...props }) => {
-  return <FlexRow {...props}>{children}</FlexRow>
-}

package/src/components/XyOsClock/XyOsClock.stories.tsx

@@ -1,32 +0,0 @@
-import type { Meta, StoryFn } from '@storybook/react-vite'
-import { FlexGrowCol } from '@xylabs/react-flexbox'
-import React from 'react'
-import { BrowserRouter } from 'react-router-dom'
-
-import { XyOsClock } from './XyOsClock.tsx'
-const StorybookEntry = {
-  argTypes: {},
-  component: XyOsClock,
-  parameters: { docs: { page: null } },
-  title: 'shared/XyOsClock',
-} as Meta<typeof XyOsClock>
-
-const Template: StoryFn<typeof XyOsClock> = args => (
-  <BrowserRouter>
-    <FlexGrowCol gap={2} alignItems="center" justifyContent="center">
-      <FlexGrowCol alignItems="center" justifyContent="center">
-        <XyOsClock {...args}></XyOsClock>
-      </FlexGrowCol>
-    </FlexGrowCol>
-  </BrowserRouter>
-)
-
-const Default = Template.bind({})
-Default.args = { clockType: 'appbar' }
-
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-ignore
-
-export { Default }
-
-export default StorybookEntry

package/src/components/XyOsClock/XyOsClock.tsx

@@ -1,119 +0,0 @@
-import type { BoxProps } from '@mui/material'
-import { Paper, Typography } from '@mui/material'
-import { FlexGrowCol, FlexGrowRow } from '@xylabs/react-flexbox'
-import { format } from 'date-fns'
-import type { ReactElement } from 'react'
-import React, { useEffect, useState } from 'react'
-
-interface ClockProps extends BoxProps {
-  date: number
-}
-
-interface ComponentSizeProps {
-  large: ReactElement<XyOsClockProps>
-  medium: ReactElement<XyOsClockProps>
-  small: ReactElement<XyOsClockProps>
-}
-
-interface ClockComponentsProps {
-  components: ComponentSizeProps
-  type: 'appbar' | 'widget'
-}
-
-export interface XyOsClockProps {
-  clockSize: 'small' | 'medium' | 'large'
-  clockType: 'appbar' | 'widget'
-}
-
-export const XyOsClock: React.FC<XyOsClockProps> = ({
-  clockType, clockSize, ...props
-}) => {
-  const [date, setDate] = useState(Date.now())
-  useEffect(() => {
-    const timerHandler: TimerHandler = () => setDate(Date.now())
-    const timer = setInterval(timerHandler, 500)
-    return function cleanup() {
-      clearInterval(timer)
-    }
-  }, [])
-  const ClockComponents: ClockComponentsProps[] = [
-    {
-      components: {
-        large: <LargeAppBarClock date={date} {...props} />,
-        medium: <MediumAppBarClock date={date} {...props} />,
-        small: <SmallAppBarClock date={date} {...props} />,
-      },
-      type: 'appbar',
-    },
-    {
-      components: {
-        large: <LargeWidgetClock date={date} {...props} />,
-        medium: <MediumWidgetClock date={date} {...props} />,
-        small: <SmallWidgetClock date={date} {...props} />,
-      },
-      type: 'widget',
-    },
-  ]
-  return ClockComponents.find(component => component.type === clockType)?.components[`${clockSize}`]
-}
-
-export const SmallAppBarClock: React.FC<ClockProps> = ({ date }) => {
-  return (
-    <FlexGrowRow gap={1}>
-      <Typography variant="body1">{format(date, 'E MMM dd')}</Typography>
-      <Typography variant="body1">{format(date, 'p')}</Typography>
-    </FlexGrowRow>
-  )
-}
-
-export const MediumAppBarClock: React.FC<ClockProps> = ({ date }) => {
-  return (
-    <FlexGrowRow gap={1}>
-      <Typography variant="body1">{format(date, 'E MMM dd')}</Typography>
-      <Typography variant="body1">{format(date, 'pp')}</Typography>
-    </FlexGrowRow>
-  )
-}
-
-export const LargeAppBarClock: React.FC<ClockProps> = ({ date }) => {
-  return (
-    <FlexGrowRow gap={1}>
-      <Typography variant="body1">{format(date, 'EEEE MMM dd, yyy')}</Typography>
-      <Typography variant="body1">{format(date, 'ppp')}</Typography>
-    </FlexGrowRow>
-  )
-}
-
-export const SmallWidgetClock: React.FC<ClockProps> = ({ date }) => {
-  return (
-    <Paper sx={{ padding: 1 }}>
-      <FlexGrowCol>
-        <Typography variant="h6">{format(date, 'p')}</Typography>
-        <Typography variant="body2">{format(date, 'E MMM dd')}</Typography>
-      </FlexGrowCol>
-    </Paper>
-  )
-}
-
-export const MediumWidgetClock: React.FC<ClockProps> = ({ date }) => {
-  return (
-    <Paper sx={{ padding: 1 }}>
-      <FlexGrowCol>
-        <Typography variant="h6">{format(date, 'pp')}</Typography>
-        <Typography variant="body2">{format(date, 'E MMM dd, yyyy')}</Typography>
-      </FlexGrowCol>
-    </Paper>
-  )
-}
-
-export const LargeWidgetClock: React.FC<ClockProps> = ({ date }) => {
-  return (
-    <Paper sx={{ padding: 1 }}>
-      <FlexGrowCol>
-        <Typography variant="body2">{format(date, 'EEEE')}</Typography>
-        <Typography variant="h5">{format(date, 'pp')}</Typography>
-        <Typography variant="body1">{format(date, 'MMM dd, yyyy')}</Typography>
-      </FlexGrowCol>
-    </Paper>
-  )
-}

package/src/components/XyOsClock/index.ts

@@ -1 +0,0 @@
-export * from './XyOsClock.tsx'

package/src/components/index.ts

@@ -1 +0,0 @@
-export * from './TestComponent.tsx'

package/src/index.ts

@@ -1 +0,0 @@
-export * from './components/index.ts'

package/src/types/global.d.ts

@@ -1 +0,0 @@
-import '@mui/material/themeCssVarsAugmentation'

package/src/types/images.d.ts

@@ -1,5 +0,0 @@
-declare module '*.png'
-declare module '*.jpg'
-declare module '*.svg'
-declare module '*.gif'
-declare module '*.webp'