@lincle/react-shared 0.4.0-next.2 → 0.4.0-next.4

package/dist/Contexts/EdgesContext.d.ts

@@ -0,0 +1,22 @@
+import { type EdgeProps } from '../types';
+declare const EdgesContext: import("react").Context<EdgesContextProps>;
+export { EdgesContext };
+export type Edge = Partial<Omit<EdgeProps, 'id'>> & {
+    center?: {
+        x: number;
+        y: number;
+    };
+    className?: string;
+    edgeId: string | number;
+    style?: any;
+};
+export type Edges = {
+    [key: string | number]: Edge;
+};
+export type RemoveEdge = (edgeId: string | number) => void;
+export type UpdateEdge = (edgeId: string | number, edge: Partial<Edge>) => void;
+export type EdgesContextProps = {
+    edges: Edges;
+    removeEdge?: RemoveEdge;
+    updateEdge?: UpdateEdge;
+};

package/dist/Contexts/EdgesContext.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EdgesContext = void 0;
+const react_1 = require("react");
+const EdgesContext = (0, react_1.createContext)({
+    edges: {}
+});
+exports.EdgesContext = EdgesContext;
+EdgesContext.displayName = 'LincleEdgesContext';

package/dist/Contexts/GraphContext.d.ts

@@ -0,0 +1,17 @@
+import { type GridType, type Line, type Shape } from '../types';
+import type EdgeSubscriber from '../utils/EdgeSubscriber';
+import type NodePositions from '../utils/NodePositions';
+declare const GraphContext: import("react").Context<GraphContextProps>;
+export { GraphContext };
+export type GraphContextProps = {
+    edgeFrequency: number;
+    edgeSubscriber?: EdgeSubscriber;
+    grid: GridType | false;
+    id?: number | string;
+    line: Line;
+    nodeFrequency: number;
+    nodeHeight: number;
+    nodePositions?: NodePositions;
+    nodeWidth: number;
+    shape: Shape;
+};

package/dist/Contexts/GraphContext.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GraphContext = void 0;
+const defaultSettings_1 = __importDefault(require("../defaultSettings"));
+const react_1 = require("react");
+const GraphContext = (0, react_1.createContext)({
+    edgeFrequency: defaultSettings_1.default.edgeFrequency,
+    grid: defaultSettings_1.default.grid,
+    line: defaultSettings_1.default.line,
+    nodeFrequency: defaultSettings_1.default.nodeFrequency,
+    nodeHeight: defaultSettings_1.default.height,
+    nodeWidth: defaultSettings_1.default.width,
+    shape: defaultSettings_1.default.shape
+});
+exports.GraphContext = GraphContext;
+GraphContext.displayName = 'LincleGraphContext';

package/dist/Contexts/index.d.ts

@@ -0,0 +1,2 @@
+export * from './EdgesContext';
+export * from './GraphContext';

package/dist/Contexts/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./EdgesContext"), exports);
+__exportStar(require("./GraphContext"), exports);

package/dist/Hooks/index.d.ts

@@ -0,0 +1,13 @@
+export * from './useDefaultLine';
+export * from './useDefaultNodeHeight';
+export * from './useDefaultNodeWidth';
+export * from './useDefaultShape';
+export * from './useDiagramId';
+export * from './useEdge';
+export * from './useEdgeFrequency';
+export * from './useEdges';
+export * from './useEdgeSubscriber';
+export * from './useGrid';
+export * from './useNodePositions';
+export * from './useRemoveEdge';
+export * from './useUpdateEdge';

package/dist/Hooks/index.js

@@ -0,0 +1,29 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./useDefaultLine"), exports);
+__exportStar(require("./useDefaultNodeHeight"), exports);
+__exportStar(require("./useDefaultNodeWidth"), exports);
+__exportStar(require("./useDefaultShape"), exports);
+__exportStar(require("./useDiagramId"), exports);
+__exportStar(require("./useEdge"), exports);
+__exportStar(require("./useEdgeFrequency"), exports);
+__exportStar(require("./useEdges"), exports);
+__exportStar(require("./useEdgeSubscriber"), exports);
+__exportStar(require("./useGrid"), exports);
+__exportStar(require("./useNodePositions"), exports);
+__exportStar(require("./useRemoveEdge"), exports);
+__exportStar(require("./useUpdateEdge"), exports);

package/dist/Hooks/useDefaultLine.d.ts

@@ -0,0 +1,2 @@
+declare const useDefaultLine: () => import("..").Line;
+export { useDefaultLine };

package/dist/Hooks/useDefaultLine.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDefaultLine = void 0;
+const Contexts_1 = require("../Contexts");
+const react_1 = require("react");
+const useDefaultLine = () => {
+    const line = (0, react_1.useContext)(Contexts_1.GraphContext).line;
+    return line;
+};
+exports.useDefaultLine = useDefaultLine;

package/dist/Hooks/useDefaultNodeHeight.d.ts

@@ -0,0 +1,2 @@
+declare const useDefaultNodeHeight: () => number;
+export { useDefaultNodeHeight };

package/dist/Hooks/useDefaultNodeHeight.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDefaultNodeHeight = void 0;
+const Contexts_1 = require("../Contexts");
+const react_1 = require("react");
+const useDefaultNodeHeight = () => {
+    const nodeHeight = (0, react_1.useContext)(Contexts_1.GraphContext).nodeHeight;
+    return nodeHeight;
+};
+exports.useDefaultNodeHeight = useDefaultNodeHeight;

package/dist/Hooks/useDefaultNodeWidth.d.ts

@@ -0,0 +1,2 @@
+declare const useDefaultNodeWidth: () => number;
+export { useDefaultNodeWidth };

package/dist/Hooks/useDefaultNodeWidth.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDefaultNodeWidth = void 0;
+const Contexts_1 = require("../Contexts");
+const react_1 = require("react");
+const useDefaultNodeWidth = () => {
+    const width = (0, react_1.useContext)(Contexts_1.GraphContext).nodeWidth;
+    return width;
+};
+exports.useDefaultNodeWidth = useDefaultNodeWidth;

package/dist/Hooks/useDefaultShape.d.ts

@@ -0,0 +1,2 @@
+declare const useDefaultShape: () => import("..").Shape;
+export { useDefaultShape };

package/dist/Hooks/useDefaultShape.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDefaultShape = void 0;
+const Contexts_1 = require("../Contexts");
+const react_1 = require("react");
+const useDefaultShape = () => {
+    const shape = (0, react_1.useContext)(Contexts_1.GraphContext).shape;
+    return shape;
+};
+exports.useDefaultShape = useDefaultShape;

package/dist/Hooks/useDiagramId.d.ts

@@ -0,0 +1,2 @@
+declare const useDiagramId: () => string | number | undefined;
+export { useDiagramId };

package/dist/Hooks/useDiagramId.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDiagramId = void 0;
+const Contexts_1 = require("../Contexts");
+const react_1 = require("react");
+const useDiagramId = () => {
+    const { id } = (0, react_1.useContext)(Contexts_1.GraphContext);
+    return id;
+};
+exports.useDiagramId = useDiagramId;

package/dist/Hooks/useEdge.d.ts

@@ -0,0 +1,2 @@
+declare const useEdge: (edgeId: string | number) => import("../Contexts").Edge;
+export { useEdge };

package/dist/Hooks/useEdge.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useEdge = void 0;
+const Contexts_1 = require("../Contexts");
+const react_1 = require("react");
+const useEdge = (edgeId) => {
+    const { edges } = (0, react_1.useContext)(Contexts_1.EdgesContext);
+    return edges[edgeId];
+};
+exports.useEdge = useEdge;

package/dist/Hooks/useEdgeFrequency.d.ts

@@ -0,0 +1,2 @@
+declare const useEdgeFrequency: () => number;
+export { useEdgeFrequency };

package/dist/Hooks/useEdgeFrequency.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useEdgeFrequency = void 0;
+const Contexts_1 = require("../Contexts");
+const react_1 = require("react");
+const useEdgeFrequency = () => {
+    const { edgeFrequency } = (0, react_1.useContext)(Contexts_1.GraphContext);
+    return edgeFrequency;
+};
+exports.useEdgeFrequency = useEdgeFrequency;

package/dist/Hooks/useEdgeSubscriber.d.ts

@@ -0,0 +1,2 @@
+declare const useEdgeSubscriber: () => import("../utils/EdgeSubscriber").default | undefined;
+export { useEdgeSubscriber };

package/dist/Hooks/useEdgeSubscriber.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useEdgeSubscriber = void 0;
+const Contexts_1 = require("../Contexts");
+const react_1 = require("react");
+const useEdgeSubscriber = () => {
+    const { edgeSubscriber } = (0, react_1.useContext)(Contexts_1.GraphContext);
+    return edgeSubscriber;
+};
+exports.useEdgeSubscriber = useEdgeSubscriber;

package/dist/Hooks/useEdges.d.ts

@@ -0,0 +1,2 @@
+declare const useEdges: () => import("../Contexts").Edges;
+export { useEdges };

package/dist/Hooks/useEdges.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useEdges = void 0;
+const Contexts_1 = require("../Contexts");
+const react_1 = require("react");
+const useEdges = () => {
+    const { edges } = (0, react_1.useContext)(Contexts_1.EdgesContext);
+    return edges;
+};
+exports.useEdges = useEdges;

package/dist/Hooks/useGrid.d.ts

@@ -0,0 +1,2 @@
+declare const useGrid: () => false | import("..").GridType;
+export { useGrid };

package/dist/Hooks/useGrid.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useGrid = void 0;
+const Contexts_1 = require("../Contexts");
+const react_1 = require("react");
+const useGrid = () => {
+    const { grid } = (0, react_1.useContext)(Contexts_1.GraphContext);
+    return grid;
+};
+exports.useGrid = useGrid;

package/dist/Hooks/useNodePositions.d.ts

@@ -0,0 +1,2 @@
+declare const useNodePositions: () => import("../utils/NodePositions").default | undefined;
+export { useNodePositions };

package/dist/Hooks/useNodePositions.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useNodePositions = void 0;
+const Contexts_1 = require("../Contexts");
+const react_1 = require("react");
+const useNodePositions = () => {
+    const { nodePositions } = (0, react_1.useContext)(Contexts_1.GraphContext);
+    return nodePositions;
+};
+exports.useNodePositions = useNodePositions;

package/dist/Hooks/useRemoveEdge.d.ts

@@ -0,0 +1,2 @@
+declare const useRemoveEdge: () => import("../Contexts").RemoveEdge | undefined;
+export { useRemoveEdge };

package/dist/Hooks/useRemoveEdge.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useRemoveEdge = void 0;
+const Contexts_1 = require("../Contexts");
+const react_1 = require("react");
+const useRemoveEdge = () => {
+    const { removeEdge } = (0, react_1.useContext)(Contexts_1.EdgesContext);
+    return removeEdge;
+};
+exports.useRemoveEdge = useRemoveEdge;

package/dist/Hooks/useUpdateEdge.d.ts

@@ -0,0 +1,2 @@
+declare const useUpdateEdge: () => import("../Contexts").UpdateEdge | undefined;
+export { useUpdateEdge };

package/dist/Hooks/useUpdateEdge.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useUpdateEdge = void 0;
+const Contexts_1 = require("../Contexts");
+const react_1 = require("react");
+const useUpdateEdge = () => {
+    const { updateEdge } = (0, react_1.useContext)(Contexts_1.EdgesContext);
+    return updateEdge;
+};
+exports.useUpdateEdge = useUpdateEdge;

package/dist/Providers/EdgesProvider.d.ts

@@ -0,0 +1,4 @@
+import { type FunctionComponent, type PropsWithChildren } from 'react';
+declare const EdgesProvider: FunctionComponent<EdgesProviderProps>;
+export { EdgesProvider };
+export type EdgesProviderProps = PropsWithChildren<{}>;

package/dist/Providers/EdgesProvider.js

@@ -0,0 +1,46 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EdgesProvider = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Contexts_1 = require("../Contexts");
+const react_1 = require("react");
+const EdgesProvider = ({ children }) => {
+    const [edges, setEdges] = (0, react_1.useState)({});
+    const removeEdge = (0, react_1.useCallback)((edgeId) => {
+        setEdges((currentEdges) => {
+            const _a = currentEdges, _b = edgeId, omit = _a[_b], rest = __rest(_a, [typeof _b === "symbol" ? _b : _b + ""]);
+            return rest;
+        });
+    }, []);
+    const updateEdge = (0, react_1.useCallback)((edgeId, props) => {
+        setEdges((currentEdges) => {
+            const edge = currentEdges[edgeId];
+            return Object.assign(Object.assign({}, currentEdges), { [edgeId]: Object.assign(Object.assign({}, edge), props) });
+        });
+    }, []);
+    const value = (0, react_1.useMemo)(() => {
+        return {
+            edges,
+            removeEdge,
+            updateEdge
+        };
+    }, [
+        edges,
+        removeEdge,
+        updateEdge
+    ]);
+    return ((0, jsx_runtime_1.jsx)(Contexts_1.EdgesContext.Provider, { value: value, children: children }));
+};
+exports.EdgesProvider = EdgesProvider;
+EdgesProvider.displayName = 'LincleEdgesProvider';

package/dist/Providers/GraphProvider.d.ts

@@ -0,0 +1,5 @@
+import { type GraphContextProps } from '../Contexts/GraphContext';
+import { type FunctionComponent, type PropsWithChildren } from 'react';
+declare const GraphProvider: FunctionComponent<GraphProviderProps>;
+export type GraphProviderProps = PropsWithChildren<Omit<GraphContextProps, 'edgeSubscriber' | 'nodePositions' | 'id'> & Required<Pick<GraphContextProps, 'id'>>>;
+export { GraphProvider };

package/dist/Providers/GraphProvider.js

@@ -0,0 +1,42 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GraphProvider = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Contexts_1 = require("../Contexts");
+const defaultSettings_1 = __importDefault(require("../defaultSettings"));
+const EdgeSubscriber_1 = __importDefault(require("../utils/EdgeSubscriber"));
+const NodePositions_1 = __importDefault(require("../utils/NodePositions"));
+const react_1 = require("react");
+const GraphProvider = ({ children, edgeFrequency = defaultSettings_1.default.edgeFrequency, grid = defaultSettings_1.default.grid, id, line = defaultSettings_1.default.line, nodeFrequency = defaultSettings_1.default.nodeFrequency, nodeHeight = defaultSettings_1.default.height, nodeWidth = defaultSettings_1.default.width, shape = defaultSettings_1.default.shape }) => {
+    const permanent = (0, react_1.useMemo)(() => {
+        return {
+            edgeSubscriber: new EdgeSubscriber_1.default(edgeFrequency),
+            id,
+            nodePositions: new NodePositions_1.default(nodeFrequency)
+        };
+    }, []);
+    const provides = (0, react_1.useMemo)(() => {
+        return Object.assign(Object.assign({}, permanent), { edgeFrequency,
+            grid,
+            line,
+            nodeFrequency,
+            nodeHeight,
+            nodeWidth,
+            shape });
+    }, [
+        edgeFrequency,
+        grid,
+        line,
+        nodeFrequency,
+        nodeHeight,
+        nodeWidth,
+        permanent,
+        shape
+    ]);
+    return ((0, jsx_runtime_1.jsx)(Contexts_1.GraphContext.Provider, { value: provides, children: children }));
+};
+exports.GraphProvider = GraphProvider;
+GraphProvider.displayName = 'LincleGraphProvider';

package/dist/Providers/Providers.d.ts

@@ -0,0 +1,2 @@
+export * from './EdgesProvider';
+export * from './GraphProvider';

package/dist/Providers/Providers.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./EdgesProvider"), exports);
+__exportStar(require("./GraphProvider"), exports);

package/dist/Providers/index.d.ts

@@ -0,0 +1,5 @@
+import { type GraphProviderProps } from './Providers';
+import { type FunctionComponent } from 'react';
+declare const Providers: FunctionComponent<ProvidersProps>;
+export { Providers };
+export type ProvidersProps = Partial<Omit<GraphProviderProps, 'id'>> & Pick<GraphProviderProps, 'id'>;

package/dist/Providers/index.js

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Providers = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const defaultSettings_1 = __importDefault(require("../defaultSettings"));
+const Providers_1 = require("./Providers");
+const Providers = ({ children, edgeFrequency = defaultSettings_1.default.edgeFrequency, grid = defaultSettings_1.default.grid, id, line = defaultSettings_1.default.line, nodeFrequency = defaultSettings_1.default.nodeFrequency, nodeHeight = defaultSettings_1.default.height, nodeWidth = defaultSettings_1.default.width, shape = defaultSettings_1.default.shape }) => {
+    return ((0, jsx_runtime_1.jsx)(Providers_1.GraphProvider, { edgeFrequency: edgeFrequency, grid: grid, id: id, line: line, nodeFrequency: nodeFrequency, nodeHeight: nodeHeight, nodeWidth: nodeWidth, shape: shape, children: (0, jsx_runtime_1.jsx)(Providers_1.EdgesProvider, { children: children }) }));
+};
+exports.Providers = Providers;
+Providers.displayName = 'LincleProviders';

package/dist/{utils/defaultSettings.d.ts → defaultSettings.d.ts}

@@ -1,4 +1,4 @@
-import { type Line, type Shape } from '..';
+import { type Line, type Shape } from './types';
 declare const _default: {
     edgeFrequency: number;
     grid: [number, number];
@@ -6,6 +6,7 @@ declare const _default: {
     line: Line;
     nodeFrequency: number;
     shape: Shape;
+    showGrid: boolean;
     width: number;
 };
 export default _default;

package/dist/{utils/defaultSettings.js → defaultSettings.js}

@@ -10,5 +10,6 @@ exports.default = {
     line: 'step',
     nodeFrequency: 16,
     shape: 'oval',
+    showGrid: true,
     width: 50
 };

package/dist/index.d.ts

@@ -1,117 +1,5 @@
-import type EdgeSubscriber from './utils/EdgeSubscriber';
-import type NodePositions from './utils/NodePositions';
-import { type ReactElement, type ReactNode } from 'react';
-export type Line = 'curve' | 'direct' | 'step';
-export type Shape = 'oval' | 'rectangle';
-export type EdgeNodeProps = {
-    height: number;
-    id: number | string;
-    shape: Shape;
-    width: number;
-    x: number;
-    y: number;
-};
-declare const defaultSettings: {
-    edgeFrequency: number;
-    grid: [number, number];
-    height: number;
-    line: Line;
-    nodeFrequency: number;
-    shape: Shape;
-    width: number;
-};
-export type Size = {
-    bottom: number;
-    height: number;
-    left: number;
-    right: number;
-    top: number;
-    width: number;
-};
-export type NodesDimensions = {
-    [key: string]: Dimensions;
-};
-export type Dimensions = {
-    height: number;
-    id: number | string;
-    shape: Shape;
-    width: number;
-    x: number;
-    y: number;
-};
-export type GraphContextProps = {
-    defaultSettings: Omit<typeof defaultSettings, 'grid'>;
-    diagramId: number | string;
-    edgeSubscriber: EdgeSubscriber;
-    nodePositions: NodePositions;
-};
-export type GridType = [
-    number,
-    number
-];
-export type GridContextProps = GridType;
-export { defaultSettings };
-export type EdgeProps = {
-    children?: ReactNode;
-    dash?: Boolean;
-    id: number | string;
-    line?: Line;
-    markerEnd?: string;
-    markerStart?: string;
-    path?: (source?: EdgeNodeProps, target?: EdgeNodeProps, children?: ReactNode) => ReactElement;
-    sourceId: number | string;
-    targetId: number | string;
-};
-export type EdgesProps = {
-    children: Array<ReactElement<EdgeProps>> | ReactElement<EdgeProps>;
-    dash?: Boolean;
-};
-export type PathProps = {
-    children?: ReactNode;
-    diagramId?: number | string;
-    id: number | string;
-    line?: Line;
-    markerEnd?: string;
-    markerStart?: string;
-    source?: EdgeNodeProps;
-    target?: EdgeNodeProps;
-};
-export type NodeProps = {
-    children?: ReactElement | ReactElement[];
-    height?: number;
-    id: number | string;
-    ref?: React.MutableRefObject<HTMLDivElement | null> | ((instance: HTMLDivElement | null) => void) | null;
-    shape?: Shape;
-    track?: boolean;
-    width?: number;
-    x?: number;
-    y?: number;
-};
-export type NodesProps = {
-    children: Array<ReactElement<NodeProps>> | ReactElement<NodeProps>;
-};
-export type GridProps = {
-    children?: ReactNode;
-    scale?: number;
-    xOffset?: number;
-    yOffset?: number;
-};
-export type GraphProps = {
-    children?: ReactNode | ReactNode[];
-    edgeFrequency?: number;
-    grid?: GridType | false;
-    id: number | string;
-    line?: Line;
-    nodeFrequency?: number;
-    nodeHeight?: number;
-    nodeWidth?: number;
-    shape?: Shape;
-};
-export type GraphContextsProps = Omit<GraphProps, 'children'> & {
-    children: ReactElement<GraphProps> | ReactNode | ReactNode[];
-};
-export { default as EdgeSubscriber } from './utils/EdgeSubscriber';
-export { default as GraphContext } from './utils/GraphContext';
-export { default as GridContext } from './utils/GridContext';
-export { default as NodePositions } from './utils/NodePositions';
+export { default as defaultSettings } from './defaultSettings';
+export * from './Hooks';
+export * from './Providers';
+export * from './types';
 export { default as generateOrigins } from './utils/Path/generateOrigins';

package/dist/index.js

@@ -1,19 +1,27 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.generateOrigins = exports.NodePositions = exports.GridContext = exports.GraphContext = exports.EdgeSubscriber = exports.defaultSettings = void 0;
-const defaultSettings_1 = __importDefault(require("./utils/defaultSettings"));
-const defaultSettings = defaultSettings_1.default;
-exports.defaultSettings = defaultSettings;
-var EdgeSubscriber_1 = require("./utils/EdgeSubscriber");
-Object.defineProperty(exports, "EdgeSubscriber", { enumerable: true, get: function () { return __importDefault(EdgeSubscriber_1).default; } });
-var GraphContext_1 = require("./utils/GraphContext");
-Object.defineProperty(exports, "GraphContext", { enumerable: true, get: function () { return __importDefault(GraphContext_1).default; } });
-var GridContext_1 = require("./utils/GridContext");
-Object.defineProperty(exports, "GridContext", { enumerable: true, get: function () { return __importDefault(GridContext_1).default; } });
-var NodePositions_1 = require("./utils/NodePositions");
-Object.defineProperty(exports, "NodePositions", { enumerable: true, get: function () { return __importDefault(NodePositions_1).default; } });
+exports.generateOrigins = exports.defaultSettings = void 0;
+var defaultSettings_1 = require("./defaultSettings");
+Object.defineProperty(exports, "defaultSettings", { enumerable: true, get: function () { return __importDefault(defaultSettings_1).default; } });
+__exportStar(require("./Hooks"), exports);
+__exportStar(require("./Providers"), exports);
+__exportStar(require("./types"), exports);
 var generateOrigins_1 = require("./utils/Path/generateOrigins");
 Object.defineProperty(exports, "generateOrigins", { enumerable: true, get: function () { return __importDefault(generateOrigins_1).default; } });

package/dist/types.d.ts

@@ -0,0 +1,82 @@
+import { type ProvidersProps } from './Providers';
+import { type PropsWithChildren, type ReactElement, type ReactNode } from 'react';
+export type GridType = [
+    number,
+    number
+];
+export type Line = 'curve' | 'direct' | 'step';
+export type Shape = 'oval' | 'rectangle';
+export type EdgeNodeProps = {
+    height: number;
+    id: number | string;
+    shape: Shape;
+    width: number;
+    x: number;
+    y: number;
+};
+export type Size = {
+    bottom: number;
+    height: number;
+    left: number;
+    right: number;
+    top: number;
+    width: number;
+};
+export type NodesDimensions = {
+    [key: string]: Dimensions;
+};
+export type Dimensions = {
+    height: number;
+    id: number | string;
+    shape: Shape;
+    width: number;
+    x: number;
+    y: number;
+};
+export type GridContextProps = GridType;
+export type EdgeProps = PropsWithChildren<{
+    dash?: boolean;
+    id: number | string;
+    line?: Line;
+    markerEnd?: string;
+    markerStart?: string;
+    path?: (source?: EdgeNodeProps, target?: EdgeNodeProps, children?: ReactNode) => ReactElement;
+    sourceId: number | string;
+    targetId: number | string;
+}>;
+export type EdgesProps = PropsWithChildren<{
+    readonly dash?: boolean;
+    readonly scale?: number;
+    readonly translate?: {
+        x: number;
+        y: number;
+    };
+}>;
+export type PathProps = {
+    center?: boolean;
+    edgeId: string | number;
+    line?: Line;
+    markerEnd?: string;
+    markerStart?: string;
+    source?: EdgeNodeProps;
+    target?: EdgeNodeProps;
+};
+export type NodeProps = PropsWithChildren<{
+    height?: number;
+    id: number | string;
+    ref?: React.MutableRefObject<HTMLDivElement | null> | ((instance: HTMLDivElement | null) => void) | null;
+    shape?: Shape;
+    track?: boolean;
+    width?: number;
+    x?: number;
+    y?: number;
+}>;
+export type NodesProps = PropsWithChildren<{}>;
+export type GridProps = PropsWithChildren<{
+    scale?: number;
+    xOffset?: number;
+    yOffset?: number;
+}>;
+export type GraphProps = ProvidersProps & {
+    showGrid?: boolean;
+};

package/dist/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/utils/EdgeSubscriber.d.ts

@@ -1,4 +1,4 @@
-import { type EdgeNodeProps } from '..';
+import { type EdgeNodeProps } from '../types';
 declare class EdgeSubscriber {
     private frequency;
     constructor(frequency?: number);

package/dist/utils/EdgeSubscriber.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const defaultSettings_1 = __importDefault(require("./defaultSettings"));
+const defaultSettings_1 = __importDefault(require("../defaultSettings"));
 const lodash_throttle_1 = __importDefault(require("lodash.throttle"));
 const FREQUENCY = defaultSettings_1.default.edgeFrequency;
 class EdgeSubscriber {

package/dist/utils/NodePositions.d.ts

@@ -1,4 +1,4 @@
-import { type Dimensions, type NodesDimensions, type Size } from '..';
+import { type Dimensions, type NodesDimensions, type Size } from '../types';
 declare class NodePositions {
     private frequency;
     private subscriptions;

package/dist/utils/NodePositions.js

@@ -12,7 +12,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const defaultSettings_1 = __importDefault(require("./defaultSettings"));
+const defaultSettings_1 = __importDefault(require("../defaultSettings"));
 const lodash_debounce_1 = __importDefault(require("lodash.debounce"));
 const FREQUENCY = defaultSettings_1.default.nodeFrequency;
 const MAX_WAIT = defaultSettings_1.default.nodeFrequency;

package/dist/utils/Path/generateOrigins.d.ts

@@ -1,4 +1,4 @@
-import { type EdgeNodeProps, type Line } from '../..';
+import { type EdgeNodeProps, type Line } from '../../types';
 import { type Coordinates } from './lines';
 declare const generateOrigins: (target: EdgeNodeProps, source: EdgeNodeProps, line: Line, center?: boolean) => Coordinates;
 export default generateOrigins;

package/dist/utils/Path/lines/generateCurve.d.ts

@@ -3,13 +3,13 @@ export declare const curveHorizontal: (rx1: number, ry1: number, rx2: number, ry
 export declare const curveVertical: (rx1: number, ry1: number, rx2: number, ry2: number, center?: boolean) => Line;
 declare const _default: (source: {
     height: number;
-    shape: 'oval' | 'rectangle';
+    shape: "oval" | "rectangle";
     width: number;
     x: number;
     y: number;
 }, target: {
     height: number;
-    shape: 'oval' | 'rectangle';
+    shape: "oval" | "rectangle";
     width: number;
     x: number;
     y: number;

package/dist/utils/Path/lines/generateDirect.d.ts

@@ -2,13 +2,13 @@ import { type Coordinates, type Line } from './types';
 export declare const direct: (rx1: number, ry1: number, rx2: number, ry2: number, center?: boolean) => Line;
 declare const _default: (source: {
     height: number;
-    shape: 'oval' | 'rectangle';
+    shape: "oval" | "rectangle";
     width: number;
     x: number;
     y: number;
 }, target: {
     height: number;
-    shape: 'oval' | 'rectangle';
+    shape: "oval" | "rectangle";
     width: number;
     x: number;
     y: number;

package/dist/utils/Path/lines/generatePoints.d.ts

@@ -1,13 +1,13 @@
 import { type Points } from './types';
 declare const _default: (source: {
     height: number;
-    shape: 'oval' | 'rectangle';
+    shape: "oval" | "rectangle";
     width: number;
     x: number;
     y: number;
 }, target: {
     height: number;
-    shape: 'oval' | 'rectangle';
+    shape: "oval" | "rectangle";
     width: number;
     x: number;
     y: number;

package/dist/utils/Path/lines/generateStep.d.ts

@@ -3,13 +3,13 @@ export declare const stepHorizontal: (rx1: number, ry1: number, rx2: number, ry2
 export declare const stepVertical: (rx1: number, ry1: number, rx2: number, ry2: number, center?: boolean) => Line;
 declare const _default: (source: {
     height: number;
-    shape: 'oval' | 'rectangle';
+    shape: "oval" | "rectangle";
     width: number;
     x: number;
     y: number;
 }, target: {
     height: number;
-    shape: 'oval' | 'rectangle';
+    shape: "oval" | "rectangle";
     width: number;
     x: number;
     y: number;

package/package.json

@@ -2,7 +2,7 @@
 	"name": "@lincle/react-shared",
 	"title": "lincle react shared",
 	"license": "LGPL-3.0-or-later",
-	"version": "0.4.0-next.2",
+	"version": "0.4.0-next.4",
 	"private": false,
 	"description": "Shared library for @lincle",
 	"author": "wallzero @wallzeroblog (http://wallzero.com)",
@@ -43,19 +43,19 @@
 		"clean:dist": "rimraf dist"
 	},
 	"devDependencies": {
-		"@digest/eslint-config-jest": "^4.3.1",
-		"@digest/eslint-config-react": "^4.3.1",
-		"@digest/eslint-config-typescript": "^4.3.1",
-		"@digest/jest-junit": "^4.3.1",
-		"@digest/jest-react": "^4.3.1",
-		"@digest/jest-typescript": "^4.3.1",
-		"@digest/typescript": "^4.3.1",
+		"@digest/eslint-config-jest": "^4.4.3",
+		"@digest/eslint-config-react": "^4.4.3",
+		"@digest/eslint-config-typescript": "^4.4.3",
+		"@digest/jest-junit": "^4.4.3",
+		"@digest/jest-react": "^4.4.3",
+		"@digest/jest-typescript": "^4.4.3",
+		"@digest/typescript": "^4.4.3",
 		"@types/bezier-js": "^4.1.3",
 		"@types/jest": "^29.5.12",
 		"@types/lodash.debounce": "^4.0.9",
 		"@types/lodash.throttle": "^4.1.9",
-		"@types/node": "^20.12.12",
-		"@types/react": "^18.3.2",
+		"@types/node": "^22.0.0",
+		"@types/react": "^18.3.3",
 		"@types/react-dom": "^18.3.0",
 		"@types/react-test-renderer": "^18.3.0",
 		"cross-env": "^7.0.3",
@@ -65,7 +65,7 @@
 		"npm-run-all": "^4.1.5",
 		"react": "^18.3.1",
 		"react-test-renderer": "^18.3.1",
-		"rimraf": "^5.0.7"
+		"rimraf": "^6.0.1"
 	},
 	"dependencies": {
 		"bezier-js": "^6.1.4",
@@ -88,5 +88,5 @@
 		"acyclical graph",
 		"cyclical graph"
 	],
-	"gitHead": "c00bcd56556ee5599505cbeeebfdab06e4a8c552"
+	"gitHead": "6bbaaf166913673c8990505ea8de66a0587ce372"
 }

package/dist/utils/GraphContext.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import { type GraphContextProps } from '..';
-declare const GraphContext: import("react").Context<GraphContextProps | null>;
-export default GraphContext;

package/dist/utils/GraphContext.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = require("react");
-const GraphContext = (0, react_1.createContext)(null);
-GraphContext.displayName = 'LincleGraphContext';
-exports.default = GraphContext;

package/dist/utils/GridContext.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare const GridContext: import("react").Context<import("..").GridType>;
-export default GridContext;

package/dist/utils/GridContext.js

@@ -1,10 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const defaultSettings_1 = __importDefault(require("./defaultSettings"));
-const react_1 = require("react");
-const GridContext = (0, react_1.createContext)(defaultSettings_1.default.grid);
-GridContext.displayName = 'LincleInteractiveGridContext';
-exports.default = GridContext;