@xyo-network/react-os 3.0.1 → 3.0.3

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

@@ -0,0 +1,8 @@
+import type { PaperProps } from '@mui/material';
+import React from 'react';
+export interface XyOsProfileProps extends PaperProps {
+    pfp: string;
+    xns: string;
+}
+export declare const XyOsProfile: React.FC<XyOsProfileProps>;
+//# sourceMappingURL=Profile.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,3 @@
+import * as React from 'react';
+export declare const StatsModal: React.FC;
+//# sourceMappingURL=StatsModal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StatsModal.d.ts","sourceRoot":"","sources":["../../../../src/components/Profile/StatsModal.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAS9B,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAiC9B,CAAA"}

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

@@ -0,0 +1,2 @@
+export * from './Profile.tsx';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Profile/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA"}

package/dist/browser/components/TestComponent.d.ts

@@ -0,0 +1,6 @@
+import type { PropsWithChildren } from 'react';
+import React from 'react';
+export interface TestComponentProps extends PropsWithChildren {
+}
+export declare const TestComponent: React.FC<TestComponentProps>;
+//# sourceMappingURL=TestComponent.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TestComponent.d.ts","sourceRoot":"","sources":["../../../src/components/TestComponent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAC9C,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,WAAW,kBAAmB,SAAQ,iBAAiB;CAAG;AAEhE,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAEtD,CAAA"}

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

@@ -0,0 +1,18 @@
+import type { BoxProps } from '@mui/material';
+import React from 'react';
+interface ClockProps extends BoxProps {
+    date: number;
+}
+export interface XyOsClockProps {
+    clockSize: 'small' | 'medium' | 'large';
+    clockType: 'appbar' | 'widget';
+}
+export declare const XyOsClock: React.FC<XyOsClockProps>;
+export declare const SmallAppBarClock: React.FC<ClockProps>;
+export declare const MediumAppBarClock: React.FC<ClockProps>;
+export declare const LargeAppBarClock: React.FC<ClockProps>;
+export declare const SmallWidgetClock: React.FC<ClockProps>;
+export declare const MediumWidgetClock: React.FC<ClockProps>;
+export declare const LargeWidgetClock: React.FC<ClockProps>;
+export {};
+//# sourceMappingURL=XyOsClock.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,2 @@
+export * from './XyOsClock.tsx';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/XyOsClock/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA"}

package/dist/browser/components/index.d.ts

@@ -0,0 +1,2 @@
+export * from './TestComponent.tsx';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA"}

package/dist/browser/index.d.ts

@@ -1,7 +1,2 @@
-import React, { PropsWithChildren } from 'react';
-
-interface TestComponentProps extends PropsWithChildren {
-}
-declare const TestComponent: React.FC<TestComponentProps>;
-
-export { TestComponent, type TestComponentProps };
+export * from './components/index.ts';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA"}

package/dist/browser/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/TestComponent.tsx"],"sourcesContent":["import { FlexRow } from '@xylabs/react-flexbox'\nimport React, { PropsWithChildren } 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;AACxB,OAAOC,WAAkC;AAIlC,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,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"]}

package/package.json

@@ -1,34 +1,30 @@
 {
   "name": "@xyo-network/react-os",
-  "author": {
-    "email": "support@xyo.network",
-    "name": "XYO Development Team",
-    "url": "https://xyo.network"
-  },
+  "version": "3.0.3",
+  "description": "Common React library for all XYO projects that use React",
+  "keywords": [
+    "xyo",
+    "utility",
+    "typescript",
+    "react"
+  ],
+  "homepage": "https://xyo.network",
   "bugs": {
-    "email": "support@xyo.network",
-    "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues"
-  },
-  "dependencies": {
-    "@mui/icons-material": "^5.16.7",
-    "@xylabs/react-flexbox": "^4.0.1",
-    "date-fns": "^3.6.0"
+    "url": "git+https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues",
+    "email": "support@xyo.network"
   },
-  "peerDependencies": {
-    "@mui/material": "^5",
-    "@mui/styles": "^5",
-    "react": "^18",
-    "react-dom": "^18"
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/XYOracleNetwork/sdk-xyo-react-js.git"
   },
-  "devDependencies": {
-    "@storybook/react": "^8.2.9",
-    "@xylabs/ts-scripts-yarn3": "^4.0.0-rc.15",
-    "@xylabs/tsconfig-react": "^4.0.0-rc.15",
-    "react-router-dom": "^6.26.0",
-    "typescript": "^5.5.4"
+  "license": "LGPL-3.0-only",
+  "author": {
+    "name": "XYO Development Team",
+    "email": "support@xyo.network",
+    "url": "https://xyo.network"
   },
-  "description": "Common React library for all XYO projects that use React",
-  "docs": "dist/docs.json",
+  "sideEffects": false,
+  "type": "module",
   "exports": {
     ".": {
       "import": {
@@ -41,27 +37,36 @@
     "./package.json": "./package.json"
   },
   "module": "dist/browser/index.mjs",
-  "homepage": "https://xyo.network",
-  "keywords": [
-    "xyo",
-    "utility",
-    "typescript",
-    "react"
-  ],
-  "license": "LGPL-3.0-only",
-  "publishConfig": {
-    "access": "public"
+  "types": "dist/browser/index.d.ts",
+  "scripts": {
+    "license": "yarn license-checker --exclude \"MIT, ISC, Apache-2.0, BSD, BSD-2-Clause, CC-BY-4.0, Unlicense, CC-BY-3.0, CC0-1.0\"",
+    "lint-pkg": "npmPkgJsonLint ."
   },
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js.git"
+  "dependencies": {
+    "@mui/icons-material": "^5.16.7",
+    "@xylabs/react-flexbox": "^4.0.3",
+    "date-fns": "^3.6.0"
   },
-  "scripts": {
-    "lint-pkg": "npmPkgJsonLint .",
-    "license": "yarn license-checker --exclude \"MIT, ISC, Apache-2.0, BSD, BSD-2-Clause, CC-BY-4.0, Unlicense, CC-BY-3.0, CC0-1.0\""
+  "devDependencies": {
+    "@mui/material": "^5.16.7",
+    "@mui/styles": "^5.16.7",
+    "@storybook/react": "^8.2.9",
+    "@xylabs/ts-scripts-yarn3": "^4.0.7",
+    "@xylabs/tsconfig-react": "^4.0.7",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-router-dom": "^6.26.1",
+    "storybook": "^8.2.9",
+    "typescript": "^5.5.4"
   },
-  "sideEffects": false,
-  "types": "dist/browser/index.d.ts",
-  "version": "3.0.1",
-  "type": "module"
+  "peerDependencies": {
+    "@mui/material": "^5",
+    "@mui/styles": "^5",
+    "react": "^18",
+    "react-dom": "^18"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "docs": "dist/docs.json"
 }

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

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

package/src/components/Profile/Profile.tsx

@@ -1,4 +1,7 @@
-import { Avatar, Divider, Paper, PaperProps, Typography, useTheme } from '@mui/material'
+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'
@@ -9,13 +12,16 @@ export interface XyOsProfileProps extends PaperProps {
   xns: string
 }
 
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-export const XyOsProfile: React.FC<XyOsProfileProps> = ({ xns, pfp, ...props }) => {
+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 }} />
+        <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">
@@ -53,9 +59,21 @@ export const XyOsProfile: React.FC<XyOsProfileProps> = ({ xns, pfp, ...props })
           Badges
         </Typography>
         <FlexGrowRow justifyContent="flex-start" width="100%" gap={1}>
-          <Avatar sx={{ color: theme.palette.primary.main, height: 50, width: 50 }}></Avatar>
-          <Avatar sx={{ color: theme.palette.primary.main, height: 50, width: 50 }}></Avatar>
-          <Avatar sx={{ color: theme.palette.primary.main, height: 50, width: 50 }}></Avatar>
+          <Avatar sx={{
+            color: theme.palette.primary.main, height: 50, width: 50,
+          }}
+          >
+          </Avatar>
+          <Avatar sx={{
+            color: theme.palette.primary.main, height: 50, width: 50,
+          }}
+          >
+          </Avatar>
+          <Avatar sx={{
+            color: theme.palette.primary.main, height: 50, width: 50,
+          }}
+          >
+          </Avatar>
         </FlexGrowRow>
       </Paper>
     </FlexGrowCol>

package/src/components/Profile/StatsModal.tsx

@@ -1,5 +1,7 @@
 import { ArrowForwardRounded } from '@mui/icons-material'
-import { Avatar, Backdrop, Box, Fade, IconButton, Modal, Typography } from '@mui/material'
+import {
+  Avatar, Backdrop, Box, Fade, IconButton, Modal, Typography,
+} from '@mui/material'
 import { FlexGrowCol } from '@xylabs/react-flexbox'
 import * as React from 'react'
 
@@ -27,16 +29,13 @@ export const StatsModal: React.FC = () => {
         onClose={handleClose}
         closeAfterTransition
         slots={{ backdrop: Backdrop }}
-        slotProps={{
-          backdrop: {
-            timeout: 500,
-          },
-        }}
+        slotProps={{ backdrop: { timeout: 500 } }}
       >
         <Fade in={open}>
           <Box sx={style}>
             <FlexGrowCol alignItems="center">
-              <Avatar sx={{ height: '200px', width: '200px' }}></Avatar>
+              <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>

package/src/components/TestComponent.stories.tsx

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

package/src/components/TestComponent.tsx

@@ -1,5 +1,6 @@
 import { FlexRow } from '@xylabs/react-flexbox'
-import React, { PropsWithChildren } from 'react'
+import type { PropsWithChildren } from 'react'
+import React from 'react'
 
 export interface TestComponentProps extends PropsWithChildren {}
 

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

@@ -1,4 +1,4 @@
-import { Meta, StoryFn } from '@storybook/react'
+import type { Meta, StoryFn } from '@storybook/react'
 import { FlexGrowCol } from '@xylabs/react-flexbox'
 import React from 'react'
 import { BrowserRouter } from 'react-router-dom'
@@ -7,11 +7,7 @@ import { XyOsClock } from './XyOsClock.tsx'
 const StorybookEntry = {
   argTypes: {},
   component: XyOsClock,
-  parameters: {
-    docs: {
-      page: null,
-    },
-  },
+  parameters: { docs: { page: null } },
   title: 'shared/XyOsClock',
 } as Meta<typeof XyOsClock>
 
@@ -26,9 +22,7 @@ const Template: StoryFn<typeof XyOsClock> = args => (
 )
 
 const Default = Template.bind({})
-Default.args = {
-  clockType: 'appbar',
-}
+Default.args = { clockType: 'appbar' }
 
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-ignore

package/src/components/XyOsClock/XyOsClock.tsx

@@ -1,7 +1,9 @@
-import { BoxProps, Paper, Typography } from '@mui/material'
+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 React, { ReactElement, useEffect, useState } from 'react'
+import type { ReactElement } from 'react'
+import React, { useEffect, useState } from 'react'
 
 interface ClockProps extends BoxProps {
   date: number
@@ -23,7 +25,9 @@ export interface XyOsClockProps {
   clockType: 'appbar' | 'widget'
 }
 
-export const XyOsClock: React.FC<XyOsClockProps> = ({ clockType, clockSize, ...props }) => {
+export const XyOsClock: React.FC<XyOsClockProps> = ({
+  clockType, clockSize, ...props
+}) => {
   const [date, setDate] = useState(Date.now())
   useEffect(() => {
     const timerHandler: TimerHandler = () => setDate(Date.now())

package/xy.config.ts

@@ -1,9 +1,7 @@
-import { XyTsupConfig } from '@xylabs/ts-scripts-yarn3'
+import type { XyTsupConfig } from '@xylabs/ts-scripts-yarn3'
 const config: XyTsupConfig = {
   compile: {
-    browser: {
-      src: true,
-    },
+    browser: { src: true },
     node: {},
     neutral: {},
   },