@xyo-network/react-shared 2.41.49 → 2.41.52

package/dist/esm/lib/networkComponents.js

@@ -3,11 +3,13 @@ import BubbleChartRoundedIcon from '@mui/icons-material/BubbleChartRounded';
 import CloudRoundedIcon from '@mui/icons-material/CloudRounded';
 import GridViewRoundedIcon from '@mui/icons-material/GridViewRounded';
 import VisibilityRoundedIcon from '@mui/icons-material/VisibilityRounded';
+import { XyoLogo } from './xyo';
 export const networkComponents = [
     { icon: (props) => _jsx(BubbleChartRoundedIcon, { ...props }), name: 'Sentinel', slug: 'sentinel' },
     { icon: (props) => _jsx(CloudRoundedIcon, { ...props }), name: 'Bridge', slug: 'bridge' },
     { icon: (props) => _jsx(GridViewRoundedIcon, { ...props }), name: 'Archivist', slug: 'archivist' },
     { icon: (props) => _jsx(VisibilityRoundedIcon, { ...props }), name: 'Diviner', slug: 'diviner' },
+    { icon: (props) => _jsx(XyoLogo, { ...props }), name: 'Node', slug: 'node' },
 ];
 export const findNetworkComponentIndex = (slug) => {
     return networkComponents.findIndex((info) => info.slug === slug);

package/dist/esm/lib/networkComponents.js.map

@@ -1 +1 @@
-{"version":3,"file":"networkComponents.js","sourceRoot":"","sources":["../../../src/lib/networkComponents.tsx"],"names":[],"mappings":";AAAA,OAAO,sBAAsB,MAAM,wCAAwC,CAAA;AAC3E,OAAO,gBAAgB,MAAM,kCAAkC,CAAA;AAC/D,OAAO,mBAAmB,MAAM,qCAAqC,CAAA;AACrE,OAAO,qBAAqB,MAAM,uCAAuC,CAAA;AAYzE,MAAM,CAAC,MAAM,iBAAiB,GAA8B;IAC1D,EAAE,IAAI,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAC,sBAAsB,OAAK,KAAK,GAAI,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,UAAU,EAAE;IAC9F,EAAE,IAAI,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAC,gBAAgB,OAAK,KAAK,GAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE;IACpF,EAAE,IAAI,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAC,mBAAmB,OAAK,KAAK,GAAI,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,WAAW,EAAE;IAC7F,EAAE,IAAI,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAC,qBAAqB,OAAK,KAAK,GAAI,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE;CAC5F,CAAA;AAED,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,IAAY,EAAE,EAAE;IACxD,OAAO,iBAAiB,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC,CAAA;AAClE,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,IAAY,EAAE,EAAE;IACnD,OAAO,iBAAiB,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC,CAAA;AAC7D,CAAC,CAAA"}
+{"version":3,"file":"networkComponents.js","sourceRoot":"","sources":["../../../src/lib/networkComponents.tsx"],"names":[],"mappings":";AAAA,OAAO,sBAAsB,MAAM,wCAAwC,CAAA;AAC3E,OAAO,gBAAgB,MAAM,kCAAkC,CAAA;AAC/D,OAAO,mBAAmB,MAAM,qCAAqC,CAAA;AACrE,OAAO,qBAAqB,MAAM,uCAAuC,CAAA;AAIzE,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAU/B,MAAM,CAAC,MAAM,iBAAiB,GAA8B;IAC1D,EAAE,IAAI,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAC,sBAAsB,OAAK,KAAK,GAAI,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,UAAU,EAAE;IAC9F,EAAE,IAAI,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAC,gBAAgB,OAAK,KAAK,GAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE;IACpF,EAAE,IAAI,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAC,mBAAmB,OAAK,KAAK,GAAI,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,WAAW,EAAE;IAC7F,EAAE,IAAI,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAC,qBAAqB,OAAK,KAAK,GAAI,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE;IAC3F,EAAE,IAAI,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAC,OAAO,OAAK,KAAK,GAAI,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE;CACxE,CAAA;AAED,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,IAAY,EAAE,EAAE;IACxD,OAAO,iBAAiB,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC,CAAA;AAClE,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,IAAY,EAAE,EAAE;IACnD,OAAO,iBAAiB,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC,CAAA;AAC7D,CAAC,CAAA"}

package/dist/esm/lib/xyo.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SvgIcon } from '@mui/material';
+export const XyoLogo = (props) => {
+    return (_jsxs(SvgIcon, { "data-name": "Layer 1", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 256 238", ...props, children: [_jsx("path", { d: "M74.5,28.33,21.29,120.5,74.5,212.67H180.94l1.76-3,51.46-89.13L180.94,28.33ZM84.65,40.54h78.83L111.65,56.93a15.85,15.85,0,0,1,2,5l59.66-18.81L185.22,101a20.12,20.12,0,0,1,5.36-.78l-10-47.91,37.87,65.53h-7.62a24.21,24.21,0,0,1,.15,2.68,23.29,23.29,0,0,1-.15,2.68h7.62l-39.1,67.75,10.92-50.13A20.57,20.57,0,0,1,185,140l-12.88,59-58.37-19.53a17.61,17.61,0,0,1-1.7,5l47.5,15.92H84.65l4-6.85A20.17,20.17,0,0,1,83.93,191L80,197.78,42.67,133.13l37,32.66a20.52,20.52,0,0,1,3.6-4L36.69,120.66,85,77.79a17.45,17.45,0,0,1-3.19-4.32l-39.46,35L80,43.22l5.56,9.69A17.51,17.51,0,0,1,90.12,50Zm28.24,31.17a16.15,16.15,0,0,1-2.68,4.64l62,35.81a19.74,19.74,0,0,1,2.83-4.54Zm-20,10.51v75.33a18,18,0,0,1,2.47-.16,17.18,17.18,0,0,1,2.89.21v-75a11.21,11.21,0,0,1-1.29,0,17.57,17.57,0,0,1-4.07-.47Zm79.34,46.63-62.08,35.81a18.45,18.45,0,0,1,2.68,4.68l62.23-36a19.68,19.68,0,0,1-2.83-4.53Z" }), _jsx("path", { d: "M97,48.58a17.06,17.06,0,1,0,17,17,17.08,17.08,0,0,0-17-17Zm0,5.36a11.7,11.7,0,1,1-11.7,11.69A11.65,11.65,0,0,1,97,53.94Z" }), _jsx("path", { d: "M95.37,157.39a18.73,18.73,0,1,0,18.7,18.7,18.74,18.74,0,0,0-18.7-18.7Zm0,5.31A13.4,13.4,0,1,1,82,176.09a13.37,13.37,0,0,1,13.4-13.39Z" }), _jsx("path", { d: "M190.73,100.2A20.3,20.3,0,1,0,211,120.5a20.34,20.34,0,0,0-20.3-20.3Zm0,5.36a14.94,14.94,0,1,1-14.94,14.94,14.88,14.88,0,0,1,14.94-14.94Z" })] }));
+};
+//# sourceMappingURL=xyo.js.map

package/dist/esm/lib/xyo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"xyo.js","sourceRoot":"","sources":["../../../src/lib/xyo.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAgB,MAAM,eAAe,CAAA;AAErD,MAAM,CAAC,MAAM,OAAO,GAA2B,CAAC,KAAK,EAAE,EAAE;IACvD,OAAO,CACL,MAAC,OAAO,iBAAW,SAAS,EAAC,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,aAAa,KAAK,KAAK,aAC7F,eAAM,CAAC,EAAC,k2BAAk2B,GAAG,EAC72B,eAAM,CAAC,EAAC,0HAA0H,GAAG,EACrI,eAAM,CAAC,EAAC,uIAAuI,GAAG,EAClJ,eAAM,CAAC,EAAC,0IAA0I,GAAG,IAC7I,CACX,CAAA;AACH,CAAC,CAAA"}

package/dist/types/lib/networkComponents.d.ts

@@ -1,6 +1,6 @@
 import { SvgIconProps } from '@mui/material';
 import { ReactElement } from 'react';
-export type NetworkComponentSlug = 'sentinel' | 'bridge' | 'archivist' | 'diviner';
+export type NetworkComponentSlug = 'sentinel' | 'bridge' | 'archivist' | 'diviner' | 'node';
 export interface NetworkComponentDetails {
     icon: (props?: SvgIconProps) => ReactElement;
     name: string;

package/dist/types/lib/networkComponents.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"networkComponents.d.ts","sourceRoot":"","sources":["../../../src/lib/networkComponents.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAEpC,MAAM,MAAM,oBAAoB,GAAG,UAAU,GAAG,QAAQ,GAAG,WAAW,GAAG,SAAS,CAAA;AAElF,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,CAAC,KAAK,CAAC,EAAE,YAAY,KAAK,YAAY,CAAA;IAC5C,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,oBAAoB,CAAA;CAC3B;AAED,eAAO,MAAM,iBAAiB,EAAE,uBAAuB,EAKtD,CAAA;AAED,eAAO,MAAM,yBAAyB,SAAU,MAAM,WAErD,CAAA;AAED,eAAO,MAAM,oBAAoB,SAAU,MAAM,wCAEhD,CAAA"}
+{"version":3,"file":"networkComponents.d.ts","sourceRoot":"","sources":["../../../src/lib/networkComponents.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAIpC,MAAM,MAAM,oBAAoB,GAAG,UAAU,GAAG,QAAQ,GAAG,WAAW,GAAG,SAAS,GAAG,MAAM,CAAA;AAE3F,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,CAAC,KAAK,CAAC,EAAE,YAAY,KAAK,YAAY,CAAA;IAC5C,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,oBAAoB,CAAA;CAC3B;AAED,eAAO,MAAM,iBAAiB,EAAE,uBAAuB,EAMtD,CAAA;AAED,eAAO,MAAM,yBAAyB,SAAU,MAAM,WAErD,CAAA;AAED,eAAO,MAAM,oBAAoB,SAAU,MAAM,wCAEhD,CAAA"}

package/dist/types/lib/xyo.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { SvgIconProps } from '@mui/material';
+export declare const XyoLogo: React.FC<SvgIconProps>;
+//# sourceMappingURL=xyo.d.ts.map

package/dist/types/lib/xyo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"xyo.d.ts","sourceRoot":"","sources":["../../../src/lib/xyo.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAW,YAAY,EAAE,MAAM,eAAe,CAAA;AAErD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAS1C,CAAA"}

package/package.json

@@ -11,18 +11,18 @@
   },
   "dependencies": {
     "@xylabs/pixel": "^1.4.13",
-    "@xylabs/react-appbar": "^2.16.7",
-    "@xylabs/react-button": "^2.16.7",
-    "@xylabs/react-flexbox": "^2.16.7",
-    "@xylabs/react-link": "^2.16.7",
-    "@xylabs/react-shared": "^2.16.7",
-    "@xyo-network/react-event": "^2.41.49"
+    "@xylabs/react-appbar": "^2.16.8",
+    "@xylabs/react-button": "^2.16.8",
+    "@xylabs/react-flexbox": "^2.16.8",
+    "@xylabs/react-link": "^2.16.8",
+    "@xylabs/react-shared": "^2.16.8",
+    "@xyo-network/react-event": "^2.41.52"
   },
   "devDependencies": {
     "@storybook/react": "^6.5.16",
-    "@xylabs/react-quick-tip-button": "^2.16.7",
-    "@xylabs/ts-scripts-yarn3": "^2.14.2",
-    "@xylabs/tsconfig-react": "^2.14.2",
+    "@xylabs/react-quick-tip-button": "^2.16.8",
+    "@xylabs/ts-scripts-yarn3": "^2.14.13",
+    "@xylabs/tsconfig-react": "^2.14.13",
     "require-from-string": "^2.0.2",
     "typescript": "^4.9.5"
   },
@@ -78,5 +78,5 @@
   },
   "sideEffects": false,
   "types": "dist/types/index.d.ts",
-  "version": "2.41.49"
+  "version": "2.41.52"
 }

package/src/lib/networkComponents.tsx

@@ -5,7 +5,9 @@ import VisibilityRoundedIcon from '@mui/icons-material/VisibilityRounded'
 import { SvgIconProps } from '@mui/material'
 import { ReactElement } from 'react'
 
-export type NetworkComponentSlug = 'sentinel' | 'bridge' | 'archivist' | 'diviner'
+import { XyoLogo } from './xyo'
+
+export type NetworkComponentSlug = 'sentinel' | 'bridge' | 'archivist' | 'diviner' | 'node'
 
 export interface NetworkComponentDetails {
   icon: (props?: SvgIconProps) => ReactElement
@@ -18,6 +20,7 @@ export const networkComponents: NetworkComponentDetails[] = [
   { icon: (props) => <CloudRoundedIcon {...props} />, name: 'Bridge', slug: 'bridge' },
   { icon: (props) => <GridViewRoundedIcon {...props} />, name: 'Archivist', slug: 'archivist' },
   { icon: (props) => <VisibilityRoundedIcon {...props} />, name: 'Diviner', slug: 'diviner' },
+  { icon: (props) => <XyoLogo {...props} />, name: 'Node', slug: 'node' },
 ]
 
 export const findNetworkComponentIndex = (slug: string) => {

package/src/lib/xyo.tsx

@@ -0,0 +1,12 @@
+import { SvgIcon, SvgIconProps } from '@mui/material'
+
+export const XyoLogo: React.FC<SvgIconProps> = (props) => {
+  return (
+    <SvgIcon data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 238" {...props}>
+      <path d="M74.5,28.33,21.29,120.5,74.5,212.67H180.94l1.76-3,51.46-89.13L180.94,28.33ZM84.65,40.54h78.83L111.65,56.93a15.85,15.85,0,0,1,2,5l59.66-18.81L185.22,101a20.12,20.12,0,0,1,5.36-.78l-10-47.91,37.87,65.53h-7.62a24.21,24.21,0,0,1,.15,2.68,23.29,23.29,0,0,1-.15,2.68h7.62l-39.1,67.75,10.92-50.13A20.57,20.57,0,0,1,185,140l-12.88,59-58.37-19.53a17.61,17.61,0,0,1-1.7,5l47.5,15.92H84.65l4-6.85A20.17,20.17,0,0,1,83.93,191L80,197.78,42.67,133.13l37,32.66a20.52,20.52,0,0,1,3.6-4L36.69,120.66,85,77.79a17.45,17.45,0,0,1-3.19-4.32l-39.46,35L80,43.22l5.56,9.69A17.51,17.51,0,0,1,90.12,50Zm28.24,31.17a16.15,16.15,0,0,1-2.68,4.64l62,35.81a19.74,19.74,0,0,1,2.83-4.54Zm-20,10.51v75.33a18,18,0,0,1,2.47-.16,17.18,17.18,0,0,1,2.89.21v-75a11.21,11.21,0,0,1-1.29,0,17.57,17.57,0,0,1-4.07-.47Zm79.34,46.63-62.08,35.81a18.45,18.45,0,0,1,2.68,4.68l62.23-36a19.68,19.68,0,0,1-2.83-4.53Z" />
+      <path d="M97,48.58a17.06,17.06,0,1,0,17,17,17.08,17.08,0,0,0-17-17Zm0,5.36a11.7,11.7,0,1,1-11.7,11.69A11.65,11.65,0,0,1,97,53.94Z" />
+      <path d="M95.37,157.39a18.73,18.73,0,1,0,18.7,18.7,18.74,18.74,0,0,0-18.7-18.7Zm0,5.31A13.4,13.4,0,1,1,82,176.09a13.37,13.37,0,0,1,13.4-13.39Z" />
+      <path d="M190.73,100.2A20.3,20.3,0,1,0,211,120.5a20.34,20.34,0,0,0-20.3-20.3Zm0,5.36a14.94,14.94,0,1,1-14.94,14.94,14.88,14.88,0,0,1,14.94-14.94Z" />
+    </SvgIcon>
+  )
+}