@lincle/react-interactive-shared 0.4.0-next.2 → 0.4.0-next.3

package/dist/Hooks/useTranslate.d.ts

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

package/dist/Hooks/useTranslate.js

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

package/dist/Hooks/useZoom.d.ts

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

package/dist/Hooks/useZoom.js

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

package/dist/Providers/ConnectProvider.d.ts

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

package/dist/Providers/ConnectProvider.js

@@ -0,0 +1,44 @@
+"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.ConnectProvider = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Contexts_1 = require("../Contexts");
+const react_1 = require("react");
+const ConnectProvider = ({ children }) => {
+    const [connections, setConnections] = (0, react_1.useState)({});
+    const setConnection = (0, react_1.useCallback)((sourceId, connection) => {
+        setConnections((currentConnections) => {
+            if (connection) {
+                return Object.assign(Object.assign({}, currentConnections), { [sourceId]: connection });
+            }
+            else {
+                const _a = currentConnections, _b = sourceId, omit = _a[_b], rest = __rest(_a, [typeof _b === "symbol" ? _b : _b + ""]);
+                return rest;
+            }
+        });
+    }, []);
+    const value = (0, react_1.useMemo)(() => {
+        return {
+            connections,
+            setConnection,
+            setConnections
+        };
+    }, [
+        connections,
+        setConnection
+    ]);
+    return ((0, jsx_runtime_1.jsx)(Contexts_1.ConnectContext.Provider, { value: value, children: children }));
+};
+exports.ConnectProvider = ConnectProvider;
+ConnectProvider.displayName = 'LincleConnectProvider';

package/dist/Providers/ModeProvider.d.ts

@@ -0,0 +1,5 @@
+import { type ModeContextProps } from '../Contexts';
+import { type FunctionComponent, type PropsWithChildren } from 'react';
+declare const ModeProvider: FunctionComponent<ModeProviderProps>;
+export { ModeProvider };
+export type ModeProviderProps = PropsWithChildren<Omit<ModeContextProps, 'givenMode'>>;

package/dist/Providers/ModeProvider.js

@@ -0,0 +1,34 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ModeProvider = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Contexts_1 = require("../Contexts");
+const defaultSettings_1 = __importDefault(require("../defaultSettings"));
+const react_1 = require("react");
+const ModeProvider = ({ children, mode: givenMode, move, pull }) => {
+    const [mode, setMode] = (0, react_1.useState)(defaultSettings_1.default.mode.mode);
+    const handleMode = (0, react_1.useCallback)((newMode) => {
+        setMode(newMode);
+    }, []);
+    const Mode = (0, react_1.useMemo)(() => {
+        return {
+            givenMode,
+            mode,
+            move,
+            onMode: handleMode,
+            pull
+        };
+    }, [
+        givenMode,
+        handleMode,
+        mode,
+        move,
+        pull
+    ]);
+    return ((0, jsx_runtime_1.jsx)(Contexts_1.ModeContext.Provider, { value: Mode, children: children }));
+};
+exports.ModeProvider = ModeProvider;
+ModeProvider.displayName = 'LincleModeProvider';

package/dist/Providers/NodeProvider.d.ts

@@ -0,0 +1,5 @@
+import { type NodeContextProps } from '../Contexts';
+import { type FunctionComponent, type PropsWithChildren } from 'react';
+declare const NodeProvider: FunctionComponent<NodeProviderProps>;
+export { NodeProvider };
+export type NodeProviderProps = PropsWithChildren<NodeContextProps>;

package/dist/Providers/NodeProvider.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NodeProvider = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Contexts_1 = require("../Contexts");
+const react_1 = require("react");
+const NodeProvider = ({ children, onNodeDrag, onNodeEdgeDrop, onNodeSelect, onNodeStart, onNodeStop }) => {
+    const [nodeControls, setNodeControls] = (0, react_1.useState)({
+        onNodeDrag,
+        onNodeEdgeDrop,
+        onNodeSelect,
+        onNodeStart,
+        onNodeStop
+    });
+    const NodeControls = (0, react_1.useMemo)(() => {
+        return {
+            onNodeDrag,
+            onNodeEdgeDrop,
+            onNodeSelect,
+            onNodeStart,
+            onNodeStop,
+            setNodeControls
+        };
+    }, [
+        onNodeDrag,
+        onNodeEdgeDrop,
+        onNodeSelect,
+        onNodeStart,
+        onNodeStop,
+        setNodeControls
+    ]);
+    return ((0, jsx_runtime_1.jsx)(Contexts_1.NodeContext.Provider, { value: NodeControls, children: children }));
+};
+exports.NodeProvider = NodeProvider;
+NodeProvider.displayName = 'LincleNodeProvider';

package/dist/Providers/Providers.d.ts

@@ -0,0 +1,7 @@
+export * from './ConnectProvider';
+export * from './ModeProvider';
+export * from './NodeProvider';
+export * from './ScaleProvider';
+export * from './SnapProvider';
+export * from './TransformProvider';
+export * from './TranslateProvider';

package/dist/Providers/Providers.js

@@ -0,0 +1,23 @@
+"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("./ConnectProvider"), exports);
+__exportStar(require("./ModeProvider"), exports);
+__exportStar(require("./NodeProvider"), exports);
+__exportStar(require("./ScaleProvider"), exports);
+__exportStar(require("./SnapProvider"), exports);
+__exportStar(require("./TransformProvider"), exports);
+__exportStar(require("./TranslateProvider"), exports);

package/dist/Providers/ScaleProvider.d.ts

@@ -0,0 +1,5 @@
+import { type ScaleContextProps } from '../Contexts';
+import { type FunctionComponent, type PropsWithChildren } from 'react';
+declare const ScaleProvider: FunctionComponent<ScaleProviderProps>;
+export { ScaleProvider };
+export type ScaleProviderProps = PropsWithChildren<ScaleContextProps>;

package/dist/Providers/ScaleProvider.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ScaleProvider = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Contexts_1 = require("../Contexts");
+const react_1 = require("react");
+const ScaleProvider = ({ children, onScale, scale: givenScale }) => {
+    const [scale, setScale] = (0, react_1.useState)(givenScale);
+    (0, react_1.useEffect)(() => {
+        setScale(givenScale);
+    }, [
+        givenScale
+    ]);
+    const handleScale = (0, react_1.useCallback)((newScale) => {
+        if (onScale) {
+            onScale(newScale);
+        }
+        setScale(newScale);
+    }, [
+        onScale
+    ]);
+    const Scale = (0, react_1.useMemo)(() => {
+        return {
+            onScale: handleScale,
+            scale
+        };
+    }, [
+        handleScale,
+        scale
+    ]);
+    return ((0, jsx_runtime_1.jsx)(Contexts_1.ScaleContext.Provider, { value: Scale, children: children }));
+};
+exports.ScaleProvider = ScaleProvider;
+ScaleProvider.displayName = 'LincleScaleProvider';

package/dist/Providers/SnapProvider.d.ts

@@ -0,0 +1,7 @@
+import { type SnapContextProps } from '../Contexts';
+import { type FunctionComponent, type PropsWithChildren } from 'react';
+declare const SnapProvider: FunctionComponent<SnapProviderProps>;
+export { SnapProvider };
+export type SnapProviderProps = PropsWithChildren<{
+    readonly snap?: SnapContextProps;
+}>;

package/dist/Providers/SnapProvider.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SnapProvider = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Contexts_1 = require("../Contexts");
+const react_shared_1 = require("@lincle/react-shared");
+const react_1 = require("react");
+const SnapProvider = ({ children, snap }) => {
+    var _a;
+    const grid = (_a = (0, react_shared_1.useGrid)()) !== null && _a !== void 0 ? _a : false;
+    const derivedSnap = (0, react_1.useMemo)(() => {
+        switch (snap) {
+            case undefined: {
+                return grid;
+            }
+            case false: {
+                return false;
+            }
+            default: {
+                return snap;
+            }
+        }
+    }, [
+        grid,
+        snap
+    ]);
+    return ((0, jsx_runtime_1.jsx)(Contexts_1.SnapContext.Provider, { value: derivedSnap, children: children }));
+};
+exports.SnapProvider = SnapProvider;
+SnapProvider.displayName = 'LincleSnapProvider';

package/dist/Providers/TransformProvider.d.ts

@@ -0,0 +1,5 @@
+import { type TransformContextProps } from '../Contexts';
+import { type FunctionComponent, type PropsWithChildren } from 'react';
+declare const TransformProvider: FunctionComponent<TransformProviderProps>;
+export { TransformProvider };
+export type TransformProviderProps = PropsWithChildren<TransformContextProps>;

package/dist/Providers/TransformProvider.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TransformProvider = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Contexts_1 = require("../Contexts");
+const react_1 = require("react");
+const TransformProvider = ({ children, maxScale, minScale, zoom }) => {
+    const transform = (0, react_1.useMemo)(() => {
+        return {
+            maxScale,
+            minScale,
+            zoom
+        };
+    }, [
+        maxScale,
+        minScale,
+        zoom
+    ]);
+    return ((0, jsx_runtime_1.jsx)(Contexts_1.TransformContext.Provider, { value: transform, children: children }));
+};
+exports.TransformProvider = TransformProvider;
+TransformProvider.displayName = 'LincleTransformProvider';

package/dist/Providers/TranslateProvider.d.ts

@@ -0,0 +1,5 @@
+import { type TranslateContextProps } from '../Contexts';
+import { type FunctionComponent, type PropsWithChildren } from 'react';
+declare const TranslateProvider: FunctionComponent<TranslateProviderProps>;
+export { TranslateProvider };
+export type TranslateProviderProps = PropsWithChildren<TranslateContextProps>;

package/dist/Providers/TranslateProvider.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TranslateProvider = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Contexts_1 = require("../Contexts");
+const react_1 = require("react");
+const TranslateProvider = ({ children, onTranslate, pan, translate: { x, y } }) => {
+    const [translate, setTranslate] = (0, react_1.useState)({
+        x,
+        y
+    });
+    const handleTranslate = (0, react_1.useCallback)((newTranslate) => {
+        if (onTranslate) {
+            onTranslate(newTranslate);
+        }
+        setTranslate(newTranslate);
+    }, [
+        onTranslate
+    ]);
+    const Translate = (0, react_1.useMemo)(() => {
+        return {
+            onTranslate: handleTranslate,
+            pan,
+            translate
+        };
+    }, [
+        handleTranslate,
+        pan,
+        translate
+    ]);
+    (0, react_1.useEffect)(() => {
+        setTranslate({
+            x,
+            y
+        });
+    }, [
+        x,
+        y
+    ]);
+    return ((0, jsx_runtime_1.jsx)(Contexts_1.TranslateContext.Provider, { value: Translate, children: children }));
+};
+exports.TranslateProvider = TranslateProvider;
+TranslateProvider.displayName = 'LincleTranslateProvider';

package/dist/Providers/index.d.ts

@@ -0,0 +1,5 @@
+import { type ConnectProviderProps, type ModeProviderProps, type NodeProviderProps, type ScaleProviderProps, type SnapProviderProps, type TransformProviderProps, type TranslateProviderProps } from './Providers';
+import { type FunctionComponent } from 'react';
+declare const Providers: FunctionComponent<ProvidersProps>;
+export { Providers };
+export type ProvidersProps = Partial<ModeProviderProps & NodeProviderProps & ScaleProviderProps & SnapProviderProps & TransformProviderProps & TranslateProviderProps & ConnectProviderProps>;

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, maxScale = defaultSettings_1.default.transform.maxScale, minScale = defaultSettings_1.default.transform.minScale, mode, move = defaultSettings_1.default.mode.move, onNodeDrag, onNodeEdgeDrop, onNodeSelect, onNodeStart, onNodeStop, onScale, onTranslate, pan = defaultSettings_1.default.translate.pan, pull = defaultSettings_1.default.mode.pull, scale = defaultSettings_1.default.scale, snap, translate = defaultSettings_1.default.translate.translate, zoom = defaultSettings_1.default.transform.zoom }) => {
+    return ((0, jsx_runtime_1.jsx)(Providers_1.SnapProvider, { snap: snap, children: (0, jsx_runtime_1.jsx)(Providers_1.ConnectProvider, { children: (0, jsx_runtime_1.jsx)(Providers_1.TransformProvider, { maxScale: maxScale, minScale: minScale, onScale: onScale, zoom: zoom, children: (0, jsx_runtime_1.jsx)(Providers_1.NodeProvider, { onNodeDrag: onNodeDrag, onNodeEdgeDrop: onNodeEdgeDrop, onNodeSelect: onNodeSelect, onNodeStart: onNodeStart, onNodeStop: onNodeStop, children: (0, jsx_runtime_1.jsx)(Providers_1.ModeProvider, { mode: mode, move: move, pull: pull, children: (0, jsx_runtime_1.jsx)(Providers_1.ScaleProvider, { onScale: onScale, scale: scale, children: (0, jsx_runtime_1.jsx)(Providers_1.TranslateProvider, { onTranslate: onTranslate, pan: pan, translate: translate, children: children }) }) }) }) }) }) }));
+};
+exports.Providers = Providers;
+Providers.displayName = 'LincleInteractiveProviders';

package/dist/defaultSettings.d.ts

@@ -0,0 +1,32 @@
+import { type ModeType } from './types';
+declare const _default: {
+    mode: {
+        mode: ModeType;
+        move: boolean;
+        pull: boolean;
+    };
+    scale: number;
+    snap: false;
+    transform: {
+        maxScale: number;
+        minScale: number;
+        pan: boolean;
+        zoom: boolean;
+    };
+    translate: {
+        pan: boolean;
+        translate: {
+            x: number;
+            y: number;
+        };
+    };
+    edgeFrequency: number;
+    grid: [number, number];
+    height: number;
+    line: import("@lincle/react-shared").Line;
+    nodeFrequency: number;
+    shape: import("@lincle/react-shared").Shape;
+    showGrid: boolean;
+    width: number;
+};
+export default _default;

package/dist/defaultSettings.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_shared_1 = require("@lincle/react-shared");
+exports.default = Object.assign(Object.assign({}, react_shared_1.defaultSettings), { mode: {
+        mode: 'move',
+        move: true,
+        pull: true
+    }, scale: 1, snap: false, transform: {
+        maxScale: 2,
+        minScale: 0.5,
+        pan: true,
+        zoom: true
+    }, translate: {
+        pan: true,
+        translate: {
+            x: 0,
+            y: 0
+        }
+    } });

package/dist/index.d.ts

@@ -1,2 +1,4 @@
+export * from './Hooks';
+export * from './Providers';
+export * from './shared';
 export * from './types';
-export * from './utils';

package/dist/index.js

@@ -14,5 +14,7 @@ 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("./Hooks"), exports);
+__exportStar(require("./Providers"), exports);
+__exportStar(require("./shared"), exports);
 __exportStar(require("./types"), exports);
-__exportStar(require("./utils"), exports);

package/dist/shared.d.ts

@@ -1 +1 @@
-export { defaultSettings, type EdgeNodeProps, type EdgeProps, type EdgesProps, GraphContext, type GraphContextsProps, type GraphProps, GridContext, type GridProps, type GridType, type Line, type NodeProps, type NodesProps, type PathProps, type Shape } from '@lincle/react-shared';
+export { useDiagramId, useEdgeSubscriber, useGrid, useNodePositions } from '@lincle/react-shared';

package/dist/shared.js

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.GridContext = exports.GraphContext = exports.defaultSettings = void 0;
+exports.useNodePositions = exports.useGrid = exports.useEdgeSubscriber = exports.useDiagramId = void 0;
 var react_shared_1 = require("@lincle/react-shared");
-Object.defineProperty(exports, "defaultSettings", { enumerable: true, get: function () { return react_shared_1.defaultSettings; } });
-Object.defineProperty(exports, "GraphContext", { enumerable: true, get: function () { return react_shared_1.GraphContext; } });
-Object.defineProperty(exports, "GridContext", { enumerable: true, get: function () { return react_shared_1.GridContext; } });
+Object.defineProperty(exports, "useDiagramId", { enumerable: true, get: function () { return react_shared_1.useDiagramId; } });
+Object.defineProperty(exports, "useEdgeSubscriber", { enumerable: true, get: function () { return react_shared_1.useEdgeSubscriber; } });
+Object.defineProperty(exports, "useGrid", { enumerable: true, get: function () { return react_shared_1.useGrid; } });
+Object.defineProperty(exports, "useNodePositions", { enumerable: true, get: function () { return react_shared_1.useNodePositions; } });

package/dist/types.d.ts

@@ -1,65 +1,50 @@
-import { type EdgeNodeProps, type EdgeProps, type GridProps as BaseGridProps, type GridType, type NodeProps as BaseNodeProps } from './shared';
-import { type ReactElement } from 'react';
+import { type ProvidersProps } from './Providers';
+import { type EdgeNodeProps, type EdgeProps, type GraphProps as BaseGraphProps, type GridProps as BaseGridProps, type GridType, type Line, type NodeProps as BaseNodeProps } from '@lincle/react-shared';
+import { type Dispatch, type ReactElement, type SetStateAction } from 'react';
+export type Connection = {
+    line: Line;
+    source: EdgeNodeProps;
+    target: EdgeNodeProps;
+};
+export type Connections = {
+    [key: string]: Connection;
+};
+export type ConnectContextProps = {
+    connections?: Connections;
+    setConnection?: (sourceId: string, connection?: Connection) => void;
+    setConnections?: Dispatch<SetStateAction<Connections>>;
+};
 export type ModeType = 'move' | 'pull' | 'select';
 export type Mode = {
-    disableMove: boolean;
-    disablePull: boolean;
-    mode: ModeType;
-};
-export type ModeContextProps = Partial<Mode> & {
-    givenMode?: ModeType;
-    onMode?: (mode: ModeType) => void;
+    mode?: ModeType;
+    move: boolean;
+    pull: boolean;
 };
 export type EdgeControlProps = {
     onEdgeDrop?: (sourceId: number | string, targetId?: number | string) => void;
 };
-export type ScaleContextProps = {
-    onScale?: (scale: number) => void;
-    scale: number;
-};
-export type SnapContextProps = GridType | undefined;
-export type TransformProps = {
-    disablePan?: boolean;
-    disableScale?: boolean;
-    maxScale?: number;
-    minScale?: number;
-};
-export type TransformContextProps = TransformProps;
 export type Translate = {
     x: number;
     y: number;
 };
-export type TranslateContextProps = {
-    onTranslate?: (translate: Translate) => void;
-    translate: Translate;
-};
-export type ModeProps = Partial<Mode>;
-export type ScaleProps = Partial<ScaleContextProps>;
-export type SnapProps = {
-    snap?: SnapContextProps | boolean;
-};
-export type TranslateProps = Pick<TranslateContextProps, 'onTranslate'> & {
-    xOffset?: number;
-    yOffset?: number;
-};
 export type DraggableData = {
     deltaX: number;
     deltaY: number;
     lastX: number;
     lastY: number;
-    node: Element;
+    node?: Element;
     x: number;
     y: number;
 };
-export type NodeProps = BaseNodeProps & ModeProps & Pick<EdgeProps, 'line'> & {
-    disableMove?: boolean;
-    disablePull?: boolean;
+export type NodeProps = Omit<BaseNodeProps, 'ref'> & Partial<Mode> & Pick<EdgeProps, 'line'> & {
+    move?: boolean;
+    pull?: boolean;
 };
 export type MoveNodeProps = {
     readonly disabled: boolean;
     readonly mode?: ModeType;
     readonly onSelect?: (nodeId: number | string) => void;
-    readonly snap?: GridType;
+    readonly snap?: GridType | false;
 };
 export type PullNodeProps = {
     readonly disabled?: boolean;
@@ -74,4 +59,5 @@ export type PullProps = {
     path?: (id: number | string, source: EdgeNodeProps, target: EdgeNodeProps) => ReactElement;
 };
 export type GridProps = Pick<BaseGridProps, 'children'>;
-export { defaultSettings, type EdgeNodeProps, type EdgeProps, type EdgesProps, GraphContext, GridContext, type GridType, type Line, type NodesProps, type PathProps, type Shape } from './shared';
+export type GraphProps = BaseGraphProps & ProvidersProps;
+export { type EdgeNodeProps, type EdgeProps, type EdgesProps, type GridType, type Line, type NodesProps, type PathProps, type Shape, useDefaultLine, useDefaultNodeHeight, useDefaultNodeWidth, useDefaultShape } from '@lincle/react-shared';

package/dist/types.js

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.GridContext = exports.GraphContext = exports.defaultSettings = void 0;
-var shared_1 = require("./shared");
-Object.defineProperty(exports, "defaultSettings", { enumerable: true, get: function () { return shared_1.defaultSettings; } });
-Object.defineProperty(exports, "GraphContext", { enumerable: true, get: function () { return shared_1.GraphContext; } });
-Object.defineProperty(exports, "GridContext", { enumerable: true, get: function () { return shared_1.GridContext; } });
+exports.useDefaultShape = exports.useDefaultNodeWidth = exports.useDefaultNodeHeight = exports.useDefaultLine = void 0;
+var react_shared_1 = require("@lincle/react-shared");
+Object.defineProperty(exports, "useDefaultLine", { enumerable: true, get: function () { return react_shared_1.useDefaultLine; } });
+Object.defineProperty(exports, "useDefaultNodeHeight", { enumerable: true, get: function () { return react_shared_1.useDefaultNodeHeight; } });
+Object.defineProperty(exports, "useDefaultNodeWidth", { enumerable: true, get: function () { return react_shared_1.useDefaultNodeWidth; } });
+Object.defineProperty(exports, "useDefaultShape", { enumerable: true, get: function () { return react_shared_1.useDefaultShape; } });

package/package.json

@@ -2,7 +2,7 @@
 	"name": "@lincle/react-interactive-shared",
 	"title": "lincle react interactive shared",
 	"license": "LGPL-3.0-or-later",
-	"version": "0.4.0-next.2",
+	"version": "0.4.0-next.3",
 	"private": false,
 	"description": "Shared interactive libraries for @lincle",
 	"author": "wallzero @wallzeroblog (http://wallzero.com)",
@@ -43,18 +43,18 @@
 		"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/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": "^20.14.11",
+		"@types/react": "^18.3.3",
 		"@types/react-test-renderer": "^18.3.0",
 		"cross-env": "^7.0.3",
 		"jest-environment-jsdom": "^29.7.0",
@@ -63,10 +63,11 @@
 		"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": {
-		"@lincle/react-shared": "^0.4.0-next.2"
+		"@lincle/react-shared": "^0.4.0-next.3",
+		"lodash.throttle": "^4.1.1"
 	},
 	"peerDependencies": {
 		"react": "^16.0.0 || ^17.0.0 || ^18.0.0"
@@ -84,5 +85,5 @@
 		"acyclical graph",
 		"cyclical graph"
 	],
-	"gitHead": "c00bcd56556ee5599505cbeeebfdab06e4a8c552"
+	"gitHead": "0d9cda53a8175e6d2a64d7b3b81828fc98007bfb"
 }