@mp70/react-networks 0.7.0 → 0.7.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{document-adapter-B-6MM_tj.d.mts → document-adapter-Jn_0jy4m.d.mts} +2 -2
- package/dist/{document-adapter-B-6MM_tj.d.ts → document-adapter-Jn_0jy4m.d.ts} +2 -2
- package/dist/index.d.mts +24 -41
- package/dist/index.d.ts +24 -41
- package/dist/index.js +2 -2
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +2 -2
- package/dist/index.mjs.map +1 -1
- package/dist/model.d.mts +2 -2
- package/dist/model.d.ts +2 -2
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { Connection, Node, NodeTypes, EdgeTypes, Edge, ConnectionMode, ReactFlowInstance, Viewport, FitViewOptions } from 'reactflow';
|
|
2
2
|
|
|
3
3
|
type FibreFlowCableKind = 'simple' | 'tube';
|
|
4
4
|
interface FibreFlowEndpoint {
|
|
@@ -1446,4 +1446,4 @@ interface NetworkGraphSnapshot {
|
|
|
1446
1446
|
declare function networkGraphToDiagramDocument(snapshot: NetworkGraphSnapshot, previousDocument?: DiagramDocument): DiagramDocument;
|
|
1447
1447
|
declare function diagramDocumentToNetworkGraph(document: DiagramDocument): NetworkGraphSnapshot;
|
|
1448
1448
|
|
|
1449
|
-
export { type NetworkDiagramFlowObject as $, type ApplyDirectionalPortHandleIdOptions as A, type BuildPathLayoutOptions as B, type DiagramEdgeEndpoint as C, type DeviceNodeData as D, type DiagramEndpoint as E, type FibreFlowCableNodeData as F, type DiagramExternalRef as G, type DiagramNode as H, type DiagramNodeKind as I, type DiagramNodePlacement as J, type DiagramNodeRender as K, type DiagramUiState as L, type FiberCable as M, type NetworkDiagramProps as N, type FiberCableType as O, type PortBlock as P, type FibreFlowCableKind as Q, type RackNodeData as R, type SpliceTrayConfig as S, type FibreFlowEndpoint as T, type FibreFlowSplice as U, type HandleShape as V, type ListPossiblePortHandleIdsOptions as W, type NetworkConnectionRejection as X, type NetworkDiagramActionPanelOptions as Y, type NetworkDiagramFitViewOptions as Z, type NetworkDiagramFlowMethods as _, type NetworkNode as a, type NetworkDiagramStoreApi as a0, type NetworkDiagramStoreState as a1, type NetworkDiagramToImageOptions as a2, type NetworkDiagramValidateConnectionParams as a3, type NetworkDiagramValidationResult as a4, type NetworkEdgeType as a5, type NetworkGraphSnapshot as a6, type NetworkNodeData as a7, type NetworkNodeDataByType as a8, type NetworkNodeType as a9, flattenReactNetworksPortGroups as aA, getOppositeSideHandleId as aB, isPowerPortType as aC, listPossiblePortHandleIds as aD, looksLikePowerHandleId as aE, networkGraphToDiagramDocument as aF, normalizeDevicePorts as aG, normalizeDirectionalHandleId as aH, normalizeHandleId as aI, normalizePortPositionInput as aJ, normalizeReactNetworksPorts as aK, parseHandleId as aL, parseSemanticPortPosition as aM, resolveDevicePortBlocksFromFlatPorts as aN, resolveDevicePortFace as aO, resolveDevicePortGroup as aP, resolveNodeDevicePorts as aQ, resolveReactNetworksNodePorts as aR, resolveReactNetworksPortFace as aS, resolveReactNetworksPortGroup as aT, sanitizeHandleIdForMatching as aU, validatePortHandleOnNodeData as aV, type ParsedHandleId as aa, type PathLayoutDirection as ab, type PathLayoutEdgeInput as ac, type PathLayoutStepInput as ad, type Port as ae, type PowerSide as af, type RackDeviceType as ag, type RackLayoutMode as ah, type RackMountMode as ai, type UNumberingDirection as aj, Width as ak, applyDirectionalPortHandleId as al, applyFaceAliasHandleId as am, buildCouplerHandleId as an, buildDevicePortGroupsFromPorts as ao, buildFiberHandleId as ap, buildPathLayoutGraph as aq, buildPortHandleId as ar, buildReactNetworksHandleId as as, buildReactNetworksPortGroupsFromPorts as at, buildSpliceHandleId as au, buildSplitIoHandleId as av, buildTubeHandleId as aw, describePortHandle as ax, diagramDocumentToNetworkGraph as ay, flattenDevicePortsFromGroups as az, type
|
|
1449
|
+
export { type NetworkDiagramFlowObject as $, type ApplyDirectionalPortHandleIdOptions as A, type BuildPathLayoutOptions as B, type DiagramEdgeEndpoint as C, type DeviceNodeData as D, type DiagramEndpoint as E, type FibreFlowCableNodeData as F, type DiagramExternalRef as G, type DiagramNode as H, type DiagramNodeKind as I, type DiagramNodePlacement as J, type DiagramNodeRender as K, type DiagramUiState as L, type FiberCable as M, type NetworkDiagramProps as N, type FiberCableType as O, type PortBlock as P, type FibreFlowCableKind as Q, type RackNodeData as R, type SpliceTrayConfig as S, type FibreFlowEndpoint as T, type FibreFlowSplice as U, type HandleShape as V, type ListPossiblePortHandleIdsOptions as W, type NetworkConnectionRejection as X, type NetworkDiagramActionPanelOptions as Y, type NetworkDiagramFitViewOptions as Z, type NetworkDiagramFlowMethods as _, type NetworkNode as a, type NetworkDiagramStoreApi as a0, type NetworkDiagramStoreState as a1, type NetworkDiagramToImageOptions as a2, type NetworkDiagramValidateConnectionParams as a3, type NetworkDiagramValidationResult as a4, type NetworkEdgeType as a5, type NetworkGraphSnapshot as a6, type NetworkNodeData as a7, type NetworkNodeDataByType as a8, type NetworkNodeType as a9, flattenReactNetworksPortGroups as aA, getOppositeSideHandleId as aB, isPowerPortType as aC, listPossiblePortHandleIds as aD, looksLikePowerHandleId as aE, networkGraphToDiagramDocument as aF, normalizeDevicePorts as aG, normalizeDirectionalHandleId as aH, normalizeHandleId as aI, normalizePortPositionInput as aJ, normalizeReactNetworksPorts as aK, parseHandleId as aL, parseSemanticPortPosition as aM, resolveDevicePortBlocksFromFlatPorts as aN, resolveDevicePortFace as aO, resolveDevicePortGroup as aP, resolveNodeDevicePorts as aQ, resolveReactNetworksNodePorts as aR, resolveReactNetworksPortFace as aS, resolveReactNetworksPortGroup as aT, sanitizeHandleIdForMatching as aU, validatePortHandleOnNodeData as aV, type ParsedHandleId as aa, type PathLayoutDirection as ab, type PathLayoutEdgeInput as ac, type PathLayoutStepInput as ad, type Port as ae, type PowerSide as af, type RackDeviceType as ag, type RackLayoutMode as ah, type RackMountMode as ai, type UNumberingDirection as aj, Width as ak, applyDirectionalPortHandleId as al, applyFaceAliasHandleId as am, buildCouplerHandleId as an, buildDevicePortGroupsFromPorts as ao, buildFiberHandleId as ap, buildPathLayoutGraph as aq, buildPortHandleId as ar, buildReactNetworksHandleId as as, buildReactNetworksPortGroupsFromPorts as at, buildSpliceHandleId as au, buildSplitIoHandleId as av, buildTubeHandleId as aw, describePortHandle as ax, diagramDocumentToNetworkGraph as ay, flattenDevicePortsFromGroups as az, type NetworkNodeDataBase as b, type FibreFlowClosureNodeData as c, type NetworkEdgeData as d, type FibreFlowClosure as e, type FibreFlowCircuit as f, type NetworkDiagramInteractionOptions as g, type FibreFlowCable as h, type NetworkEdge as i, type DiagramDocument as j, type RackConfig as k, type RackDevice as l, type SpliceConfig as m, type DevicePort as n, type DeviceFace as o, type PortType as p, type DeviceStatus as q, type DiagramPortHandleRef as r, type DiagramPortClickPayload as s, type PortCableType as t, type PortPosition as u, type DescribedPortHandle as v, type DeviceImageFit as w, type DeviceImageOptions as x, type DeviceImageRepeat as y, type DiagramEdge as z };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { Connection, Node, NodeTypes, EdgeTypes, Edge, ConnectionMode, ReactFlowInstance, Viewport, FitViewOptions } from 'reactflow';
|
|
2
2
|
|
|
3
3
|
type FibreFlowCableKind = 'simple' | 'tube';
|
|
4
4
|
interface FibreFlowEndpoint {
|
|
@@ -1446,4 +1446,4 @@ interface NetworkGraphSnapshot {
|
|
|
1446
1446
|
declare function networkGraphToDiagramDocument(snapshot: NetworkGraphSnapshot, previousDocument?: DiagramDocument): DiagramDocument;
|
|
1447
1447
|
declare function diagramDocumentToNetworkGraph(document: DiagramDocument): NetworkGraphSnapshot;
|
|
1448
1448
|
|
|
1449
|
-
export { type NetworkDiagramFlowObject as $, type ApplyDirectionalPortHandleIdOptions as A, type BuildPathLayoutOptions as B, type DiagramEdgeEndpoint as C, type DeviceNodeData as D, type DiagramEndpoint as E, type FibreFlowCableNodeData as F, type DiagramExternalRef as G, type DiagramNode as H, type DiagramNodeKind as I, type DiagramNodePlacement as J, type DiagramNodeRender as K, type DiagramUiState as L, type FiberCable as M, type NetworkDiagramProps as N, type FiberCableType as O, type PortBlock as P, type FibreFlowCableKind as Q, type RackNodeData as R, type SpliceTrayConfig as S, type FibreFlowEndpoint as T, type FibreFlowSplice as U, type HandleShape as V, type ListPossiblePortHandleIdsOptions as W, type NetworkConnectionRejection as X, type NetworkDiagramActionPanelOptions as Y, type NetworkDiagramFitViewOptions as Z, type NetworkDiagramFlowMethods as _, type NetworkNode as a, type NetworkDiagramStoreApi as a0, type NetworkDiagramStoreState as a1, type NetworkDiagramToImageOptions as a2, type NetworkDiagramValidateConnectionParams as a3, type NetworkDiagramValidationResult as a4, type NetworkEdgeType as a5, type NetworkGraphSnapshot as a6, type NetworkNodeData as a7, type NetworkNodeDataByType as a8, type NetworkNodeType as a9, flattenReactNetworksPortGroups as aA, getOppositeSideHandleId as aB, isPowerPortType as aC, listPossiblePortHandleIds as aD, looksLikePowerHandleId as aE, networkGraphToDiagramDocument as aF, normalizeDevicePorts as aG, normalizeDirectionalHandleId as aH, normalizeHandleId as aI, normalizePortPositionInput as aJ, normalizeReactNetworksPorts as aK, parseHandleId as aL, parseSemanticPortPosition as aM, resolveDevicePortBlocksFromFlatPorts as aN, resolveDevicePortFace as aO, resolveDevicePortGroup as aP, resolveNodeDevicePorts as aQ, resolveReactNetworksNodePorts as aR, resolveReactNetworksPortFace as aS, resolveReactNetworksPortGroup as aT, sanitizeHandleIdForMatching as aU, validatePortHandleOnNodeData as aV, type ParsedHandleId as aa, type PathLayoutDirection as ab, type PathLayoutEdgeInput as ac, type PathLayoutStepInput as ad, type Port as ae, type PowerSide as af, type RackDeviceType as ag, type RackLayoutMode as ah, type RackMountMode as ai, type UNumberingDirection as aj, Width as ak, applyDirectionalPortHandleId as al, applyFaceAliasHandleId as am, buildCouplerHandleId as an, buildDevicePortGroupsFromPorts as ao, buildFiberHandleId as ap, buildPathLayoutGraph as aq, buildPortHandleId as ar, buildReactNetworksHandleId as as, buildReactNetworksPortGroupsFromPorts as at, buildSpliceHandleId as au, buildSplitIoHandleId as av, buildTubeHandleId as aw, describePortHandle as ax, diagramDocumentToNetworkGraph as ay, flattenDevicePortsFromGroups as az, type
|
|
1449
|
+
export { type NetworkDiagramFlowObject as $, type ApplyDirectionalPortHandleIdOptions as A, type BuildPathLayoutOptions as B, type DiagramEdgeEndpoint as C, type DeviceNodeData as D, type DiagramEndpoint as E, type FibreFlowCableNodeData as F, type DiagramExternalRef as G, type DiagramNode as H, type DiagramNodeKind as I, type DiagramNodePlacement as J, type DiagramNodeRender as K, type DiagramUiState as L, type FiberCable as M, type NetworkDiagramProps as N, type FiberCableType as O, type PortBlock as P, type FibreFlowCableKind as Q, type RackNodeData as R, type SpliceTrayConfig as S, type FibreFlowEndpoint as T, type FibreFlowSplice as U, type HandleShape as V, type ListPossiblePortHandleIdsOptions as W, type NetworkConnectionRejection as X, type NetworkDiagramActionPanelOptions as Y, type NetworkDiagramFitViewOptions as Z, type NetworkDiagramFlowMethods as _, type NetworkNode as a, type NetworkDiagramStoreApi as a0, type NetworkDiagramStoreState as a1, type NetworkDiagramToImageOptions as a2, type NetworkDiagramValidateConnectionParams as a3, type NetworkDiagramValidationResult as a4, type NetworkEdgeType as a5, type NetworkGraphSnapshot as a6, type NetworkNodeData as a7, type NetworkNodeDataByType as a8, type NetworkNodeType as a9, flattenReactNetworksPortGroups as aA, getOppositeSideHandleId as aB, isPowerPortType as aC, listPossiblePortHandleIds as aD, looksLikePowerHandleId as aE, networkGraphToDiagramDocument as aF, normalizeDevicePorts as aG, normalizeDirectionalHandleId as aH, normalizeHandleId as aI, normalizePortPositionInput as aJ, normalizeReactNetworksPorts as aK, parseHandleId as aL, parseSemanticPortPosition as aM, resolveDevicePortBlocksFromFlatPorts as aN, resolveDevicePortFace as aO, resolveDevicePortGroup as aP, resolveNodeDevicePorts as aQ, resolveReactNetworksNodePorts as aR, resolveReactNetworksPortFace as aS, resolveReactNetworksPortGroup as aT, sanitizeHandleIdForMatching as aU, validatePortHandleOnNodeData as aV, type ParsedHandleId as aa, type PathLayoutDirection as ab, type PathLayoutEdgeInput as ac, type PathLayoutStepInput as ad, type Port as ae, type PowerSide as af, type RackDeviceType as ag, type RackLayoutMode as ah, type RackMountMode as ai, type UNumberingDirection as aj, Width as ak, applyDirectionalPortHandleId as al, applyFaceAliasHandleId as am, buildCouplerHandleId as an, buildDevicePortGroupsFromPorts as ao, buildFiberHandleId as ap, buildPathLayoutGraph as aq, buildPortHandleId as ar, buildReactNetworksHandleId as as, buildReactNetworksPortGroupsFromPorts as at, buildSpliceHandleId as au, buildSplitIoHandleId as av, buildTubeHandleId as aw, describePortHandle as ax, diagramDocumentToNetworkGraph as ay, flattenDevicePortsFromGroups as az, type NetworkNodeDataBase as b, type FibreFlowClosureNodeData as c, type NetworkEdgeData as d, type FibreFlowClosure as e, type FibreFlowCircuit as f, type NetworkDiagramInteractionOptions as g, type FibreFlowCable as h, type NetworkEdge as i, type DiagramDocument as j, type RackConfig as k, type RackDevice as l, type SpliceConfig as m, type DevicePort as n, type DeviceFace as o, type PortType as p, type DeviceStatus as q, type DiagramPortHandleRef as r, type DiagramPortClickPayload as s, type PortCableType as t, type PortPosition as u, type DescribedPortHandle as v, type DeviceImageFit as w, type DeviceImageOptions as x, type DeviceImageRepeat as y, type DiagramEdge as z };
|
package/dist/index.d.mts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { Component, ReactNode, ErrorInfo, CSSProperties } from 'react';
|
|
2
|
-
import { N as NetworkDiagramProps, a as NetworkNode, b as
|
|
3
|
-
export { A as ApplyDirectionalPortHandleIdOptions, B as BuildPathLayoutOptions, v as DescribedPortHandle, w as DeviceImageFit, x as DeviceImageOptions, y as DeviceImageRepeat, z as DiagramEdge, C as DiagramEdgeEndpoint, E as DiagramEndpoint, G as DiagramExternalRef, H as DiagramNode, I as DiagramNodeKind, J as DiagramNodePlacement, K as DiagramNodeRender, L as DiagramUiState, M as FiberCable, O as FiberCableType, Q as FibreFlowCableKind, T as FibreFlowEndpoint, U as FibreFlowSplice, V as HandleShape, W as ListPossiblePortHandleIdsOptions, X as NetworkConnectionRejection, Y as NetworkDiagramActionPanelOptions, Z as NetworkDiagramFitViewOptions, _ as NetworkDiagramFlowMethods, $ as NetworkDiagramFlowObject, a0 as NetworkDiagramStoreApi, a1 as NetworkDiagramStoreState, a2 as NetworkDiagramToImageOptions, a3 as NetworkDiagramValidateConnectionParams, a4 as NetworkDiagramValidationResult, a5 as NetworkEdgeType, a6 as NetworkGraphSnapshot, a7 as NetworkNodeData, a8 as NetworkNodeDataByType, a9 as NetworkNodeType, aa as ParsedHandleId, ab as PathLayoutDirection, ac as PathLayoutEdgeInput, ad as PathLayoutStepInput, ae as Port, af as PowerSide, ag as RackDeviceType, ah as RackLayoutMode, ai as RackMountMode, aj as UNumberingDirection, ak as Width, al as applyDirectionalPortHandleId, am as applyFaceAliasHandleId, an as buildCouplerHandleId, ao as buildDevicePortGroupsFromPorts, ap as buildFiberHandleId, aq as buildPathLayoutGraph, ar as buildPortHandleId, as as buildReactNetworksHandleId, at as buildReactNetworksPortGroupsFromPorts, au as buildSpliceHandleId, av as buildSplitIoHandleId, aw as buildTubeHandleId, ax as describePortHandle, ay as diagramDocumentToNetworkGraph, az as flattenDevicePortsFromGroups, aA as flattenReactNetworksPortGroups, aB as getOppositeSideHandleId, aC as isPowerPortType, aD as listPossiblePortHandleIds, aE as looksLikePowerHandleId, aF as networkGraphToDiagramDocument, aG as normalizeDevicePorts, aH as normalizeDirectionalHandleId, aI as normalizeHandleId, aJ as normalizePortPositionInput, aK as normalizeReactNetworksPorts, aL as parseHandleId, aM as parseSemanticPortPosition, aN as resolveDevicePortBlocksFromFlatPorts, aO as resolveDevicePortFace, aP as resolveDevicePortGroup, aQ as resolveNodeDevicePorts, aR as resolveReactNetworksNodePorts, aS as resolveReactNetworksPortFace, aT as resolveReactNetworksPortGroup, aU as sanitizeHandleIdForMatching, aV as validatePortHandleOnNodeData } from './document-adapter-
|
|
2
|
+
import { N as NetworkDiagramProps, a as NetworkNode, b as NetworkNodeDataBase, R as RackNodeData, D as DeviceNodeData, F as FibreFlowCableNodeData, c as FibreFlowClosureNodeData, d as NetworkEdgeData, e as FibreFlowClosure, f as FibreFlowCircuit, g as NetworkDiagramInteractionOptions, h as FibreFlowCable, i as NetworkEdge, j as DiagramDocument, k as RackConfig, l as RackDevice, S as SpliceTrayConfig, m as SpliceConfig, P as PortBlock, n as DevicePort, o as DeviceFace, p as PortType, q as DeviceStatus, r as DiagramPortHandleRef, s as DiagramPortClickPayload, t as PortCableType, u as PortPosition } from './document-adapter-Jn_0jy4m.mjs';
|
|
3
|
+
export { A as ApplyDirectionalPortHandleIdOptions, B as BuildPathLayoutOptions, v as DescribedPortHandle, w as DeviceImageFit, x as DeviceImageOptions, y as DeviceImageRepeat, z as DiagramEdge, C as DiagramEdgeEndpoint, E as DiagramEndpoint, G as DiagramExternalRef, H as DiagramNode, I as DiagramNodeKind, J as DiagramNodePlacement, K as DiagramNodeRender, L as DiagramUiState, M as FiberCable, O as FiberCableType, Q as FibreFlowCableKind, T as FibreFlowEndpoint, U as FibreFlowSplice, V as HandleShape, W as ListPossiblePortHandleIdsOptions, X as NetworkConnectionRejection, Y as NetworkDiagramActionPanelOptions, Z as NetworkDiagramFitViewOptions, _ as NetworkDiagramFlowMethods, $ as NetworkDiagramFlowObject, a0 as NetworkDiagramStoreApi, a1 as NetworkDiagramStoreState, a2 as NetworkDiagramToImageOptions, a3 as NetworkDiagramValidateConnectionParams, a4 as NetworkDiagramValidationResult, a5 as NetworkEdgeType, a6 as NetworkGraphSnapshot, a7 as NetworkNodeData, a8 as NetworkNodeDataByType, a9 as NetworkNodeType, aa as ParsedHandleId, ab as PathLayoutDirection, ac as PathLayoutEdgeInput, ad as PathLayoutStepInput, ae as Port, af as PowerSide, ag as RackDeviceType, ah as RackLayoutMode, ai as RackMountMode, aj as UNumberingDirection, ak as Width, al as applyDirectionalPortHandleId, am as applyFaceAliasHandleId, an as buildCouplerHandleId, ao as buildDevicePortGroupsFromPorts, ap as buildFiberHandleId, aq as buildPathLayoutGraph, ar as buildPortHandleId, as as buildReactNetworksHandleId, at as buildReactNetworksPortGroupsFromPorts, au as buildSpliceHandleId, av as buildSplitIoHandleId, aw as buildTubeHandleId, ax as describePortHandle, ay as diagramDocumentToNetworkGraph, az as flattenDevicePortsFromGroups, aA as flattenReactNetworksPortGroups, aB as getOppositeSideHandleId, aC as isPowerPortType, aD as listPossiblePortHandleIds, aE as looksLikePowerHandleId, aF as networkGraphToDiagramDocument, aG as normalizeDevicePorts, aH as normalizeDirectionalHandleId, aI as normalizeHandleId, aJ as normalizePortPositionInput, aK as normalizeReactNetworksPorts, aL as parseHandleId, aM as parseSemanticPortPosition, aN as resolveDevicePortBlocksFromFlatPorts, aO as resolveDevicePortFace, aP as resolveDevicePortGroup, aQ as resolveNodeDevicePorts, aR as resolveReactNetworksNodePorts, aS as resolveReactNetworksPortFace, aT as resolveReactNetworksPortGroup, aU as sanitizeHandleIdForMatching, aV as validatePortHandleOnNodeData } from './document-adapter-Jn_0jy4m.mjs';
|
|
4
4
|
import * as reactflow from 'reactflow';
|
|
5
5
|
import { NodeProps, EdgeProps, Edge, Connection } from 'reactflow';
|
|
6
6
|
export { Connection, ConnectionMode, EdgeTypes, FitViewOptions, NodeTypes, Position, ReactFlowInstance, Viewport, XYPosition } from 'reactflow';
|
|
@@ -240,7 +240,8 @@ interface RackNodeProps extends NodeProps<NetworkNode['data']> {
|
|
|
240
240
|
*/
|
|
241
241
|
declare const RackNode: React.NamedExoticComponent<RackNodeProps>;
|
|
242
242
|
|
|
243
|
-
|
|
243
|
+
/** Memoized: React Flow re-renders nodes often; bail out unless our props changed. */
|
|
244
|
+
declare const FiberNode: React.NamedExoticComponent<NodeProps<NetworkNodeDataBase | RackNodeData | DeviceNodeData | FibreFlowCableNodeData | FibreFlowClosureNodeData>>;
|
|
244
245
|
|
|
245
246
|
declare const FiberEdge: React.NamedExoticComponent<Pick<reactflow.Edge<NetworkEdgeData | undefined>, "id" | "source" | "target" | "data" | "style" | "selected" | "animated"> & Pick<reactflow.WrapEdgeProps<any>, "sourcePosition" | "targetPosition" | "interactionWidth" | "sourceX" | "sourceY" | "targetX" | "targetY" | "sourceHandleId" | "targetHandleId"> & {
|
|
246
247
|
label?: string | React.ReactNode;
|
|
@@ -264,51 +265,32 @@ declare const DeviceNode: React.NamedExoticComponent<NodeProps<NetworkNodeDataBa
|
|
|
264
265
|
|
|
265
266
|
declare const VerticalPDU: React.NamedExoticComponent<NodeProps<NetworkNodeDataBase | RackNodeData | DeviceNodeData | FibreFlowCableNodeData | FibreFlowClosureNodeData>>;
|
|
266
267
|
|
|
267
|
-
|
|
268
|
+
/** Memoized: React Flow re-renders nodes often; bail out unless our props changed. */
|
|
269
|
+
declare const SpliceNode: React.NamedExoticComponent<NodeProps<NetworkNodeDataBase | RackNodeData | DeviceNodeData | FibreFlowCableNodeData | FibreFlowClosureNodeData>>;
|
|
268
270
|
|
|
269
|
-
|
|
271
|
+
/** Memoized: React Flow re-renders nodes often; bail out unless our props changed. */
|
|
272
|
+
declare const SpliceTrayNode: React.NamedExoticComponent<NodeProps<NetworkNodeDataBase | RackNodeData | DeviceNodeData | FibreFlowCableNodeData | FibreFlowClosureNodeData>>;
|
|
270
273
|
|
|
271
|
-
/**
|
|
272
|
-
|
|
273
|
-
* - Rectangular node representing a buffer tube (horizontal orientation, rotated 180 degrees)
|
|
274
|
-
* - Renders 12 or 24 fiber handles on the top side with TIA-598 colors
|
|
275
|
-
* - Tube border tinted by tube index color (1..12 cycling)
|
|
276
|
-
* - startOn parameter controls handle positioning:
|
|
277
|
-
* - 'left-center' (default): handles centered on top, tube handle on bottom
|
|
278
|
-
* - 'left': handles on left side, tube handle on left
|
|
279
|
-
* - 'right': handles on right side with reversed colors, tube handle on right
|
|
280
|
-
*/
|
|
281
|
-
declare const TubeNode: React.FC<NodeProps<NetworkNode['data']>>;
|
|
274
|
+
/** Memoized: React Flow re-renders nodes often; bail out unless our props changed. */
|
|
275
|
+
declare const TubeNode: React.NamedExoticComponent<NodeProps<NetworkNodeDataBase | RackNodeData | DeviceNodeData | FibreFlowCableNodeData | FibreFlowClosureNodeData>>;
|
|
282
276
|
|
|
283
|
-
/**
|
|
284
|
-
|
|
285
|
-
* - Represents a multi-fiber cable (1-24 fibers)
|
|
286
|
-
* - Each colored handle corresponds to a single fiber
|
|
287
|
-
* - Displays cable summary text (fiber count + cable identifier)
|
|
288
|
-
*/
|
|
289
|
-
declare const CableNode: React.FC<NodeProps<NetworkNode['data']>>;
|
|
277
|
+
/** Memoized: React Flow re-renders nodes often; bail out unless our props changed. */
|
|
278
|
+
declare const CableNode: React.NamedExoticComponent<NodeProps<NetworkNodeDataBase | RackNodeData | DeviceNodeData | FibreFlowCableNodeData | FibreFlowClosureNodeData>>;
|
|
290
279
|
|
|
291
|
-
/**
|
|
292
|
-
|
|
293
|
-
* - Represents a multi-tube cable (1-24 tubes)
|
|
294
|
-
* - Each colored handle corresponds to a tube within the cable
|
|
295
|
-
* - Displays cable summary text (fiber count + cable identifier)
|
|
296
|
-
*/
|
|
297
|
-
declare const MultiTubeCableNode: React.FC<NodeProps<NetworkNode['data']>>;
|
|
280
|
+
/** Memoized: React Flow re-renders nodes often; bail out unless our props changed. */
|
|
281
|
+
declare const MultiTubeCableNode: React.NamedExoticComponent<NodeProps<NetworkNodeDataBase | RackNodeData | DeviceNodeData | FibreFlowCableNodeData | FibreFlowClosureNodeData>>;
|
|
298
282
|
|
|
299
|
-
|
|
283
|
+
/** Memoized: React Flow re-renders nodes often; bail out unless our props changed. */
|
|
284
|
+
declare const CouplerNode: React.NamedExoticComponent<NodeProps<NetworkNodeDataBase | RackNodeData | DeviceNodeData | FibreFlowCableNodeData | FibreFlowClosureNodeData>>;
|
|
300
285
|
|
|
301
|
-
|
|
286
|
+
/** Memoized: React Flow re-renders nodes often; bail out unless our props changed. */
|
|
287
|
+
declare const PatchPanelNode: React.NamedExoticComponent<NodeProps<NetworkNodeDataBase | RackNodeData | DeviceNodeData | FibreFlowCableNodeData | FibreFlowClosureNodeData>>;
|
|
302
288
|
|
|
303
|
-
|
|
289
|
+
/** Memoized: React Flow re-renders nodes often; bail out unless our props changed. */
|
|
290
|
+
declare const ClosureNode: React.NamedExoticComponent<NodeProps<NetworkNodeDataBase | RackNodeData | DeviceNodeData | FibreFlowCableNodeData | FibreFlowClosureNodeData>>;
|
|
304
291
|
|
|
305
|
-
/**
|
|
306
|
-
|
|
307
|
-
* Uses a trapezoid shape pointing right (narrow input on left, wider outputs on right)
|
|
308
|
-
*
|
|
309
|
-
* @public
|
|
310
|
-
*/
|
|
311
|
-
declare const FibreSplitNode: React.FC<NodeProps<NetworkNode['data']>>;
|
|
292
|
+
/** Memoized: React Flow re-renders nodes often; bail out unless our props changed. */
|
|
293
|
+
declare const FibreSplitNode: React.NamedExoticComponent<NodeProps<NetworkNodeDataBase | RackNodeData | DeviceNodeData | FibreFlowCableNodeData | FibreFlowClosureNodeData>>;
|
|
312
294
|
|
|
313
295
|
type FibreFlowLayoutDirection = 'horizontal' | 'vertical';
|
|
314
296
|
type FibreFlowColorMode = 'dark' | 'light';
|
|
@@ -365,7 +347,8 @@ interface FibreCableWithTubesExpandedProps {
|
|
|
365
347
|
showFiberNumbers?: boolean;
|
|
366
348
|
showCableLabel?: boolean;
|
|
367
349
|
}
|
|
368
|
-
|
|
350
|
+
/** Memoized: React Flow re-renders nodes often; bail out unless our props changed. */
|
|
351
|
+
declare const FibreCableWithTubesExpanded: React.NamedExoticComponent<FibreCableWithTubesExpandedProps>;
|
|
369
352
|
|
|
370
353
|
interface InventoryRackDTO {
|
|
371
354
|
id: string | number;
|
package/dist/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { Component, ReactNode, ErrorInfo, CSSProperties } from 'react';
|
|
2
|
-
import { N as NetworkDiagramProps, a as NetworkNode, b as
|
|
3
|
-
export { A as ApplyDirectionalPortHandleIdOptions, B as BuildPathLayoutOptions, v as DescribedPortHandle, w as DeviceImageFit, x as DeviceImageOptions, y as DeviceImageRepeat, z as DiagramEdge, C as DiagramEdgeEndpoint, E as DiagramEndpoint, G as DiagramExternalRef, H as DiagramNode, I as DiagramNodeKind, J as DiagramNodePlacement, K as DiagramNodeRender, L as DiagramUiState, M as FiberCable, O as FiberCableType, Q as FibreFlowCableKind, T as FibreFlowEndpoint, U as FibreFlowSplice, V as HandleShape, W as ListPossiblePortHandleIdsOptions, X as NetworkConnectionRejection, Y as NetworkDiagramActionPanelOptions, Z as NetworkDiagramFitViewOptions, _ as NetworkDiagramFlowMethods, $ as NetworkDiagramFlowObject, a0 as NetworkDiagramStoreApi, a1 as NetworkDiagramStoreState, a2 as NetworkDiagramToImageOptions, a3 as NetworkDiagramValidateConnectionParams, a4 as NetworkDiagramValidationResult, a5 as NetworkEdgeType, a6 as NetworkGraphSnapshot, a7 as NetworkNodeData, a8 as NetworkNodeDataByType, a9 as NetworkNodeType, aa as ParsedHandleId, ab as PathLayoutDirection, ac as PathLayoutEdgeInput, ad as PathLayoutStepInput, ae as Port, af as PowerSide, ag as RackDeviceType, ah as RackLayoutMode, ai as RackMountMode, aj as UNumberingDirection, ak as Width, al as applyDirectionalPortHandleId, am as applyFaceAliasHandleId, an as buildCouplerHandleId, ao as buildDevicePortGroupsFromPorts, ap as buildFiberHandleId, aq as buildPathLayoutGraph, ar as buildPortHandleId, as as buildReactNetworksHandleId, at as buildReactNetworksPortGroupsFromPorts, au as buildSpliceHandleId, av as buildSplitIoHandleId, aw as buildTubeHandleId, ax as describePortHandle, ay as diagramDocumentToNetworkGraph, az as flattenDevicePortsFromGroups, aA as flattenReactNetworksPortGroups, aB as getOppositeSideHandleId, aC as isPowerPortType, aD as listPossiblePortHandleIds, aE as looksLikePowerHandleId, aF as networkGraphToDiagramDocument, aG as normalizeDevicePorts, aH as normalizeDirectionalHandleId, aI as normalizeHandleId, aJ as normalizePortPositionInput, aK as normalizeReactNetworksPorts, aL as parseHandleId, aM as parseSemanticPortPosition, aN as resolveDevicePortBlocksFromFlatPorts, aO as resolveDevicePortFace, aP as resolveDevicePortGroup, aQ as resolveNodeDevicePorts, aR as resolveReactNetworksNodePorts, aS as resolveReactNetworksPortFace, aT as resolveReactNetworksPortGroup, aU as sanitizeHandleIdForMatching, aV as validatePortHandleOnNodeData } from './document-adapter-
|
|
2
|
+
import { N as NetworkDiagramProps, a as NetworkNode, b as NetworkNodeDataBase, R as RackNodeData, D as DeviceNodeData, F as FibreFlowCableNodeData, c as FibreFlowClosureNodeData, d as NetworkEdgeData, e as FibreFlowClosure, f as FibreFlowCircuit, g as NetworkDiagramInteractionOptions, h as FibreFlowCable, i as NetworkEdge, j as DiagramDocument, k as RackConfig, l as RackDevice, S as SpliceTrayConfig, m as SpliceConfig, P as PortBlock, n as DevicePort, o as DeviceFace, p as PortType, q as DeviceStatus, r as DiagramPortHandleRef, s as DiagramPortClickPayload, t as PortCableType, u as PortPosition } from './document-adapter-Jn_0jy4m.js';
|
|
3
|
+
export { A as ApplyDirectionalPortHandleIdOptions, B as BuildPathLayoutOptions, v as DescribedPortHandle, w as DeviceImageFit, x as DeviceImageOptions, y as DeviceImageRepeat, z as DiagramEdge, C as DiagramEdgeEndpoint, E as DiagramEndpoint, G as DiagramExternalRef, H as DiagramNode, I as DiagramNodeKind, J as DiagramNodePlacement, K as DiagramNodeRender, L as DiagramUiState, M as FiberCable, O as FiberCableType, Q as FibreFlowCableKind, T as FibreFlowEndpoint, U as FibreFlowSplice, V as HandleShape, W as ListPossiblePortHandleIdsOptions, X as NetworkConnectionRejection, Y as NetworkDiagramActionPanelOptions, Z as NetworkDiagramFitViewOptions, _ as NetworkDiagramFlowMethods, $ as NetworkDiagramFlowObject, a0 as NetworkDiagramStoreApi, a1 as NetworkDiagramStoreState, a2 as NetworkDiagramToImageOptions, a3 as NetworkDiagramValidateConnectionParams, a4 as NetworkDiagramValidationResult, a5 as NetworkEdgeType, a6 as NetworkGraphSnapshot, a7 as NetworkNodeData, a8 as NetworkNodeDataByType, a9 as NetworkNodeType, aa as ParsedHandleId, ab as PathLayoutDirection, ac as PathLayoutEdgeInput, ad as PathLayoutStepInput, ae as Port, af as PowerSide, ag as RackDeviceType, ah as RackLayoutMode, ai as RackMountMode, aj as UNumberingDirection, ak as Width, al as applyDirectionalPortHandleId, am as applyFaceAliasHandleId, an as buildCouplerHandleId, ao as buildDevicePortGroupsFromPorts, ap as buildFiberHandleId, aq as buildPathLayoutGraph, ar as buildPortHandleId, as as buildReactNetworksHandleId, at as buildReactNetworksPortGroupsFromPorts, au as buildSpliceHandleId, av as buildSplitIoHandleId, aw as buildTubeHandleId, ax as describePortHandle, ay as diagramDocumentToNetworkGraph, az as flattenDevicePortsFromGroups, aA as flattenReactNetworksPortGroups, aB as getOppositeSideHandleId, aC as isPowerPortType, aD as listPossiblePortHandleIds, aE as looksLikePowerHandleId, aF as networkGraphToDiagramDocument, aG as normalizeDevicePorts, aH as normalizeDirectionalHandleId, aI as normalizeHandleId, aJ as normalizePortPositionInput, aK as normalizeReactNetworksPorts, aL as parseHandleId, aM as parseSemanticPortPosition, aN as resolveDevicePortBlocksFromFlatPorts, aO as resolveDevicePortFace, aP as resolveDevicePortGroup, aQ as resolveNodeDevicePorts, aR as resolveReactNetworksNodePorts, aS as resolveReactNetworksPortFace, aT as resolveReactNetworksPortGroup, aU as sanitizeHandleIdForMatching, aV as validatePortHandleOnNodeData } from './document-adapter-Jn_0jy4m.js';
|
|
4
4
|
import * as reactflow from 'reactflow';
|
|
5
5
|
import { NodeProps, EdgeProps, Edge, Connection } from 'reactflow';
|
|
6
6
|
export { Connection, ConnectionMode, EdgeTypes, FitViewOptions, NodeTypes, Position, ReactFlowInstance, Viewport, XYPosition } from 'reactflow';
|
|
@@ -240,7 +240,8 @@ interface RackNodeProps extends NodeProps<NetworkNode['data']> {
|
|
|
240
240
|
*/
|
|
241
241
|
declare const RackNode: React.NamedExoticComponent<RackNodeProps>;
|
|
242
242
|
|
|
243
|
-
|
|
243
|
+
/** Memoized: React Flow re-renders nodes often; bail out unless our props changed. */
|
|
244
|
+
declare const FiberNode: React.NamedExoticComponent<NodeProps<NetworkNodeDataBase | RackNodeData | DeviceNodeData | FibreFlowCableNodeData | FibreFlowClosureNodeData>>;
|
|
244
245
|
|
|
245
246
|
declare const FiberEdge: React.NamedExoticComponent<Pick<reactflow.Edge<NetworkEdgeData | undefined>, "id" | "source" | "target" | "data" | "style" | "selected" | "animated"> & Pick<reactflow.WrapEdgeProps<any>, "sourcePosition" | "targetPosition" | "interactionWidth" | "sourceX" | "sourceY" | "targetX" | "targetY" | "sourceHandleId" | "targetHandleId"> & {
|
|
246
247
|
label?: string | React.ReactNode;
|
|
@@ -264,51 +265,32 @@ declare const DeviceNode: React.NamedExoticComponent<NodeProps<NetworkNodeDataBa
|
|
|
264
265
|
|
|
265
266
|
declare const VerticalPDU: React.NamedExoticComponent<NodeProps<NetworkNodeDataBase | RackNodeData | DeviceNodeData | FibreFlowCableNodeData | FibreFlowClosureNodeData>>;
|
|
266
267
|
|
|
267
|
-
|
|
268
|
+
/** Memoized: React Flow re-renders nodes often; bail out unless our props changed. */
|
|
269
|
+
declare const SpliceNode: React.NamedExoticComponent<NodeProps<NetworkNodeDataBase | RackNodeData | DeviceNodeData | FibreFlowCableNodeData | FibreFlowClosureNodeData>>;
|
|
268
270
|
|
|
269
|
-
|
|
271
|
+
/** Memoized: React Flow re-renders nodes often; bail out unless our props changed. */
|
|
272
|
+
declare const SpliceTrayNode: React.NamedExoticComponent<NodeProps<NetworkNodeDataBase | RackNodeData | DeviceNodeData | FibreFlowCableNodeData | FibreFlowClosureNodeData>>;
|
|
270
273
|
|
|
271
|
-
/**
|
|
272
|
-
|
|
273
|
-
* - Rectangular node representing a buffer tube (horizontal orientation, rotated 180 degrees)
|
|
274
|
-
* - Renders 12 or 24 fiber handles on the top side with TIA-598 colors
|
|
275
|
-
* - Tube border tinted by tube index color (1..12 cycling)
|
|
276
|
-
* - startOn parameter controls handle positioning:
|
|
277
|
-
* - 'left-center' (default): handles centered on top, tube handle on bottom
|
|
278
|
-
* - 'left': handles on left side, tube handle on left
|
|
279
|
-
* - 'right': handles on right side with reversed colors, tube handle on right
|
|
280
|
-
*/
|
|
281
|
-
declare const TubeNode: React.FC<NodeProps<NetworkNode['data']>>;
|
|
274
|
+
/** Memoized: React Flow re-renders nodes often; bail out unless our props changed. */
|
|
275
|
+
declare const TubeNode: React.NamedExoticComponent<NodeProps<NetworkNodeDataBase | RackNodeData | DeviceNodeData | FibreFlowCableNodeData | FibreFlowClosureNodeData>>;
|
|
282
276
|
|
|
283
|
-
/**
|
|
284
|
-
|
|
285
|
-
* - Represents a multi-fiber cable (1-24 fibers)
|
|
286
|
-
* - Each colored handle corresponds to a single fiber
|
|
287
|
-
* - Displays cable summary text (fiber count + cable identifier)
|
|
288
|
-
*/
|
|
289
|
-
declare const CableNode: React.FC<NodeProps<NetworkNode['data']>>;
|
|
277
|
+
/** Memoized: React Flow re-renders nodes often; bail out unless our props changed. */
|
|
278
|
+
declare const CableNode: React.NamedExoticComponent<NodeProps<NetworkNodeDataBase | RackNodeData | DeviceNodeData | FibreFlowCableNodeData | FibreFlowClosureNodeData>>;
|
|
290
279
|
|
|
291
|
-
/**
|
|
292
|
-
|
|
293
|
-
* - Represents a multi-tube cable (1-24 tubes)
|
|
294
|
-
* - Each colored handle corresponds to a tube within the cable
|
|
295
|
-
* - Displays cable summary text (fiber count + cable identifier)
|
|
296
|
-
*/
|
|
297
|
-
declare const MultiTubeCableNode: React.FC<NodeProps<NetworkNode['data']>>;
|
|
280
|
+
/** Memoized: React Flow re-renders nodes often; bail out unless our props changed. */
|
|
281
|
+
declare const MultiTubeCableNode: React.NamedExoticComponent<NodeProps<NetworkNodeDataBase | RackNodeData | DeviceNodeData | FibreFlowCableNodeData | FibreFlowClosureNodeData>>;
|
|
298
282
|
|
|
299
|
-
|
|
283
|
+
/** Memoized: React Flow re-renders nodes often; bail out unless our props changed. */
|
|
284
|
+
declare const CouplerNode: React.NamedExoticComponent<NodeProps<NetworkNodeDataBase | RackNodeData | DeviceNodeData | FibreFlowCableNodeData | FibreFlowClosureNodeData>>;
|
|
300
285
|
|
|
301
|
-
|
|
286
|
+
/** Memoized: React Flow re-renders nodes often; bail out unless our props changed. */
|
|
287
|
+
declare const PatchPanelNode: React.NamedExoticComponent<NodeProps<NetworkNodeDataBase | RackNodeData | DeviceNodeData | FibreFlowCableNodeData | FibreFlowClosureNodeData>>;
|
|
302
288
|
|
|
303
|
-
|
|
289
|
+
/** Memoized: React Flow re-renders nodes often; bail out unless our props changed. */
|
|
290
|
+
declare const ClosureNode: React.NamedExoticComponent<NodeProps<NetworkNodeDataBase | RackNodeData | DeviceNodeData | FibreFlowCableNodeData | FibreFlowClosureNodeData>>;
|
|
304
291
|
|
|
305
|
-
/**
|
|
306
|
-
|
|
307
|
-
* Uses a trapezoid shape pointing right (narrow input on left, wider outputs on right)
|
|
308
|
-
*
|
|
309
|
-
* @public
|
|
310
|
-
*/
|
|
311
|
-
declare const FibreSplitNode: React.FC<NodeProps<NetworkNode['data']>>;
|
|
292
|
+
/** Memoized: React Flow re-renders nodes often; bail out unless our props changed. */
|
|
293
|
+
declare const FibreSplitNode: React.NamedExoticComponent<NodeProps<NetworkNodeDataBase | RackNodeData | DeviceNodeData | FibreFlowCableNodeData | FibreFlowClosureNodeData>>;
|
|
312
294
|
|
|
313
295
|
type FibreFlowLayoutDirection = 'horizontal' | 'vertical';
|
|
314
296
|
type FibreFlowColorMode = 'dark' | 'light';
|
|
@@ -365,7 +347,8 @@ interface FibreCableWithTubesExpandedProps {
|
|
|
365
347
|
showFiberNumbers?: boolean;
|
|
366
348
|
showCableLabel?: boolean;
|
|
367
349
|
}
|
|
368
|
-
|
|
350
|
+
/** Memoized: React Flow re-renders nodes often; bail out unless our props changed. */
|
|
351
|
+
declare const FibreCableWithTubesExpanded: React.NamedExoticComponent<FibreCableWithTubesExpandedProps>;
|
|
369
352
|
|
|
370
353
|
interface InventoryRackDTO {
|
|
371
354
|
id: string | number;
|