@xyo-network/react-node 2.35.6 → 2.35.8

package/dist/esm/contexts/Context.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import { XyoNodeContextState } from './State';
-export declare const XyoNodeContext: import("react").Context<XyoNodeContextState & import("@xyo-network/react-shared").ContextExState>;
+import { NodeContextState } from './State';
+export declare const NodeContext: import("react").Context<NodeContextState & import("@xyo-network/react-shared").ContextExState>;
 //# sourceMappingURL=Context.d.ts.map

package/dist/esm/contexts/Context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Context.d.ts","sourceRoot":"","sources":["../../../src/contexts/Context.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAE7C,eAAO,MAAM,cAAc,mGAAyC,CAAA"}
+{"version":3,"file":"Context.d.ts","sourceRoot":"","sources":["../../../src/contexts/Context.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAE1C,eAAO,MAAM,WAAW,gGAAsC,CAAA"}

package/dist/esm/contexts/Context.js

@@ -1,3 +1,3 @@
 import { createContextEx } from '@xyo-network/react-shared';
-export const XyoNodeContext = createContextEx();
+export const NodeContext = createContextEx();
 //# sourceMappingURL=Context.js.map

package/dist/esm/contexts/Context.js.map

@@ -1 +1 @@
-{"version":3,"file":"Context.js","sourceRoot":"","sources":["../../../src/contexts/Context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAI3D,MAAM,CAAC,MAAM,cAAc,GAAG,eAAe,EAAuB,CAAA"}
+{"version":3,"file":"Context.js","sourceRoot":"","sources":["../../../src/contexts/Context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAI3D,MAAM,CAAC,MAAM,WAAW,GAAG,eAAe,EAAoB,CAAA"}

package/dist/esm/contexts/Provider.d.ts

@@ -1,9 +1,13 @@
 /// <reference types="react" />
 import { WithChildren } from '@xylabs/react-shared';
 import { XyoNode } from '@xyo-network/node';
-export interface XyoNodeProviderProps {
+export interface NodeProviderProps {
     required?: boolean;
     node?: XyoNode;
 }
-export declare const XyoNodeProvider: React.FC<WithChildren<XyoNodeProviderProps>>;
+/** @deprecated use NodeProviderProps instead */
+export declare type XyoNodeProviderProps = NodeProviderProps;
+export declare const NodeProvider: React.FC<WithChildren<NodeProviderProps>>;
+/** @deprecated use NodeProvider instead */
+export declare const XyoNodeProvider: import("react").FC<WithChildren<NodeProviderProps>>;
 //# sourceMappingURL=Provider.d.ts.map

package/dist/esm/contexts/Provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Provider.d.ts","sourceRoot":"","sources":["../../../src/contexts/Provider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAK3C,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,CAAA;CACf;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,oBAAoB,CAAC,CAQxE,CAAA"}
+{"version":3,"file":"Provider.d.ts","sourceRoot":"","sources":["../../../src/contexts/Provider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAK3C,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,CAAA;CACf;AAED,gDAAgD;AAChD,oBAAY,oBAAoB,GAAG,iBAAiB,CAAA;AAEpD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAQlE,CAAA;AAED,2CAA2C;AAC3C,eAAO,MAAM,eAAe,qDAAe,CAAA"}

package/dist/esm/contexts/Provider.js

@@ -1,11 +1,13 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
-import { XyoNodeContext } from './Context';
-export const XyoNodeProvider = ({ node: nodeProp, required = false, children }) => {
+import { NodeContext } from './Context';
+export const NodeProvider = ({ node: nodeProp, required = false, children }) => {
     const [node, setNode] = useState();
     useEffect(() => {
         setNode(nodeProp);
     }, [nodeProp]);
-    return !required || node ? _jsx(XyoNodeContext.Provider, { value: { node, provided: true, setNode }, children: children }) : null;
+    return !required || node ? _jsx(NodeContext.Provider, { value: { node, provided: true, setNode }, children: children }) : null;
 };
+/** @deprecated use NodeProvider instead */
+export const XyoNodeProvider = NodeProvider;
 //# sourceMappingURL=Provider.js.map

package/dist/esm/contexts/Provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Provider.js","sourceRoot":"","sources":["../../../src/contexts/Provider.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE3C,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAO1C,MAAM,CAAC,MAAM,eAAe,GAAiD,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,GAAG,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC9H,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,EAAW,CAAA;IAE3C,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,CAAC,QAAQ,CAAC,CAAA;IACnB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,OAAO,CAAC,QAAQ,IAAI,IAAI,CAAC,CAAC,CAAC,KAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,YAAG,QAAQ,GAA2B,CAAC,CAAC,CAAC,IAAI,CAAA;AAC3I,CAAC,CAAA"}
+{"version":3,"file":"Provider.js","sourceRoot":"","sources":["../../../src/contexts/Provider.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE3C,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAUvC,MAAM,CAAC,MAAM,YAAY,GAA8C,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,GAAG,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE;IACxH,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,EAAW,CAAA;IAE3C,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,CAAC,QAAQ,CAAC,CAAA;IACnB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,OAAO,CAAC,QAAQ,IAAI,IAAI,CAAC,CAAC,CAAC,KAAC,WAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,YAAG,QAAQ,GAAwB,CAAC,CAAC,CAAC,IAAI,CAAA;AACrI,CAAC,CAAA;AAED,2CAA2C;AAC3C,MAAM,CAAC,MAAM,eAAe,GAAG,YAAY,CAAA"}

package/dist/esm/contexts/State.d.ts

@@ -1,6 +1,6 @@
 import { XyoNode } from '@xyo-network/node';
 import { Dispatch } from 'react';
-export interface XyoNodeContextState {
+export interface NodeContextState {
     node?: XyoNode;
     setNode?: Dispatch<XyoNode>;
 }

package/dist/esm/contexts/State.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"State.d.ts","sourceRoot":"","sources":["../../../src/contexts/State.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,MAAM,WAAW,mBAAmB;IAClC,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,OAAO,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAA;CAC5B"}
+{"version":3,"file":"State.d.ts","sourceRoot":"","sources":["../../../src/contexts/State.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,MAAM,WAAW,gBAAgB;IAC/B,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,OAAO,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAA;CAC5B"}

package/dist/esm/contexts/useNode.js

@@ -1,7 +1,7 @@
 import { useContextEx } from '@xyo-network/react-shared';
-import { XyoNodeContext } from './Context';
+import { NodeContext } from './Context';
 export const useNode = () => {
-    const { node, setNode } = useContextEx(XyoNodeContext, 'XyoNode');
+    const { node, setNode } = useContextEx(NodeContext, 'XyoNode');
     return [node, setNode];
 };
 //# sourceMappingURL=useNode.js.map

package/dist/esm/contexts/useNode.js.map

@@ -1 +1 @@
-{"version":3,"file":"useNode.js","sourceRoot":"","sources":["../../../src/contexts/useNode.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAGxD,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAE1C,MAAM,CAAC,MAAM,OAAO,GAAG,GAAyD,EAAE;IAChF,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,YAAY,CAAC,cAAc,EAAE,SAAS,CAAC,CAAA;IAEjE,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,CAAA;AACxB,CAAC,CAAA"}
+{"version":3,"file":"useNode.js","sourceRoot":"","sources":["../../../src/contexts/useNode.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAGxD,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAEvC,MAAM,CAAC,MAAM,OAAO,GAAG,GAAyD,EAAE;IAChF,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,YAAY,CAAC,WAAW,EAAE,SAAS,CAAC,CAAA;IAE9D,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,CAAA;AACxB,CAAC,CAAA"}

package/package.json

@@ -12,7 +12,7 @@
   "dependencies": {
     "@xylabs/react-flexbox": "^2.14.20",
     "@xylabs/react-shared": "^2.14.20",
-    "@xyo-network/react-shared": "^2.35.6",
+    "@xyo-network/react-shared": "^2.35.8",
     "lodash": "^4.17.21",
     "tslib": "^2.4.0"
   },
@@ -73,5 +73,5 @@
   },
   "sideEffects": false,
   "types": "dist/esm/index.d.ts",
-  "version": "2.35.6"
+  "version": "2.35.8"
 }

package/src/components/Node.stories.tsx

@@ -0,0 +1,36 @@
+import { ComponentMeta, ComponentStory } from '@storybook/react'
+import {} from '@xyo-network/node'
+
+import { NodeProvider } from '../contexts'
+import { NodeBox } from './Node'
+
+const StorybookEntry = {
+  argTypes: {
+    responsive: {
+      defaultValue: false,
+    },
+  },
+  component: NodeBox,
+  parameters: {
+    docs: {
+      page: null,
+    },
+  },
+  title: 'node/NodeBox',
+} as ComponentMeta<typeof NodeBox>
+
+const Template: ComponentStory<typeof NodeBox> = (args) => {
+  return (
+    <NodeProvider>
+      <NodeBox {...args}></NodeBox>
+    </NodeProvider>
+  )
+}
+
+const Default = Template.bind({})
+Default.args = {}
+
+export { Default }
+
+// eslint-disable-next-line import/no-default-export
+export default StorybookEntry

package/src/contexts/Context.ts

@@ -1,5 +1,5 @@
 import { createContextEx } from '@xyo-network/react-shared'
 
-import { XyoNodeContextState } from './State'
+import { NodeContextState } from './State'
 
-export const XyoNodeContext = createContextEx<XyoNodeContextState>()
+export const NodeContext = createContextEx<NodeContextState>()

package/src/contexts/Provider.tsx

@@ -2,19 +2,25 @@ import { WithChildren } from '@xylabs/react-shared'
 import { XyoNode } from '@xyo-network/node'
 import { useEffect, useState } from 'react'
 
-import { XyoNodeContext } from './Context'
+import { NodeContext } from './Context'
 
-export interface XyoNodeProviderProps {
+export interface NodeProviderProps {
   required?: boolean
   node?: XyoNode
 }
 
-export const XyoNodeProvider: React.FC<WithChildren<XyoNodeProviderProps>> = ({ node: nodeProp, required = false, children }) => {
+/** @deprecated use NodeProviderProps instead */
+export type XyoNodeProviderProps = NodeProviderProps
+
+export const NodeProvider: React.FC<WithChildren<NodeProviderProps>> = ({ node: nodeProp, required = false, children }) => {
   const [node, setNode] = useState<XyoNode>()
 
   useEffect(() => {
     setNode(nodeProp)
   }, [nodeProp])
 
-  return !required || node ? <XyoNodeContext.Provider value={{ node, provided: true, setNode }}>{children}</XyoNodeContext.Provider> : null
+  return !required || node ? <NodeContext.Provider value={{ node, provided: true, setNode }}>{children}</NodeContext.Provider> : null
 }
+
+/** @deprecated use NodeProvider instead */
+export const XyoNodeProvider = NodeProvider

package/src/contexts/State.ts

@@ -1,7 +1,7 @@
 import { XyoNode } from '@xyo-network/node'
 import { Dispatch } from 'react'
 
-export interface XyoNodeContextState {
+export interface NodeContextState {
   node?: XyoNode
   setNode?: Dispatch<XyoNode>
 }

package/src/contexts/useNode.ts

@@ -2,10 +2,10 @@ import { XyoNode } from '@xyo-network/node'
 import { useContextEx } from '@xyo-network/react-shared'
 import { Dispatch } from 'react'
 
-import { XyoNodeContext } from './Context'
+import { NodeContext } from './Context'
 
 export const useNode = (): [XyoNode | undefined, Dispatch<XyoNode> | undefined] => {
-  const { node, setNode } = useContextEx(XyoNodeContext, 'XyoNode')
+  const { node, setNode } = useContextEx(NodeContext, 'XyoNode')
 
   return [node, setNode]
 }